﻿* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	outline: 0;
}

html *::-webkit-scrollbar {
	width: 7px;
	background: #fff;
}

html *::-webkit-scrollbar-thumb {
	background: #ccc;
}

html *::-webkit-scrollbar-track-piece {
	width: 0;
}

.indexHtml{

   filter: grayscale(100%);

  -webkit-filter: grayscale(100%);

  -moz-filter: grayscale(100%);

  -ms-filter: grayscale(100%);

  -o-filter: grayscale(100%);

  filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

  -webkit-filter: grayscale(1); 

}


h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	padding: 0;
	margin: 0;
}

fieldset,
iframe,
img {
	border: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block
}

audio,
canvas,
video,
progress {
	display: inline-block;
	vertical-align: baseline
}

button {
	background: none;
	border: 0;
	box-sizing: content-box;
	color: inherit;
	cursor: pointer;
	font: inherit;
	line-height: inherit;
	overflow: visible;
	vertical-align: inherit
}

button:disabled {
	cursor: default
}

audio:not([controls]) {
	display: none
}

input {
	font-family: '微软雅黑'
}

input[type="text"],
input[type="tel"],
input[type="button"],
input[type="reset"],
input[type="email"],
input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	font-family: 'Microsoft YaHei'
}

body {
	font: normal normal normal 14px/1.8 Gotham, 'Microsoft YaHei', Helvetica, Arial, " sans-serif";
	color: #555;
	overflow-x: hidden;
	padding-top: 145px;
}

a,
a:link,
a:visited {
	text-decoration: none;
}

a:active {
	text-decoration: none
}

a {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-user-select: none;
	-moz-user-focus: none;
	-moz-user-select: none;
}

a:hover {
	text-decoration: none
}

ul,
li {
	list-style: none;
	margin: 0;
	padding: 0;
}

dl,
dd {
	padding: 0;
	margin: 0;
}

img {
	border: none;
}

.clearfix {
	clear: both;
}
.container{
	width: 1440px;
	margin: 0 auto;
}
.vh-100 {
	height: 100vh !important
}
.hidden-lg{
	display: none;
}
.hidden-md,
.hidden-sm,
.hidden-sx{
	display: block;
}

.visible-lg{
	display: block;
}
.visible-md,
.visible-sm,
.visible-xs{
	display: none;
}
@font-face {
	font-family: 'di';
	/* src: url('../fonts/pingfang-webfont.eot'); */
	src: url('../fonts/di.woff') format('woff'),
	url('../fonts/di.woff2') format('woff2');
	/* url('../fonts/pingfang-webfont.eot?#iefix') format('embedded-opentype')
       url('../fonts/pingfang-webfont.ttf') format('truetype'),
       url('../fonts/pingfang-webfont.svg#pingfang') format('svg') */
	font-weight: normal;
	font-style: normal;
}


/*主要样式*/
.header{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10;
	background: #fff;
	width: 100%;
	box-shadow: 0 0 10px rgba(58,78,102,0.2);
}
.header .top{
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #e3e3e3;
	padding: 18px 0 20px 0;
}
.header .top .logo{
	width: 485px;
	display: block;
}
.header .top .logo img{
	width: 100%;
	display: block;
}
.header .top .tel{
	display: flex;
	align-items: center;
}
.header .top .tel .icon_tel{
	display: block;
	margin-right: 15px;
	width: 24px;
}
.header .top .tel h4{
	color: #ff7908;
	font-family: "";
	font-size: 26px;
	line-height: 1;
}
.header .top .tel .btn_search{
	cursor: pointer;
	width: 22px;
	margin-left: 40px;
}
.nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.nav li{
	position: relative;
}
.nav li>a{
	font-size: 16px;
	color: #3a4e66;
	display: block;
	padding: 20px 0;
}
.nav li.active>a{
	color: #ff7908;
}
.nav li:hover>a{
	color: #ff7908;
}
.nav li::after{
	content: '';
	width: 0;
	height: 4px;
	background: #ff7908;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,0);
	transition: all linear 0.2s;
}
.nav li.active::after{
	width: 100%;
}
.nav li:hover::after{
	width: 100%;
}
.nav_two_dropDown{
	position: absolute;
	left: 50%;
	top: 67px;
	transform: translate(-50%,0);
	z-index: 10;
	width: 180%;
	background: #fff;
	text-align: center;
	display: none;
}
.nav_two_dropDown dd a{
	display: block;
	color: #3a4e66;
	font-size: 14px;
	line-height: 40px;
	padding: 0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: all linear 0.2;
}
.nav_two_dropDown dd a:hover{
	background: #ff6000;
	color: #fff;
}
.nav_two_dropDown_pro{
	position: fixed;
	left: 50%;
	top: 145px;
	width: 100%;
}
.nav_two_dropDown_pro .container{
	display: flex;
	flex-flow: wrap;
	padding: 15px 0;
}
.nav_two_dropDown_pro dd{
	width: calc(100% / 7);
	margin: 10px 0;
}
.nav_two_dropDown_pro dd img{
	display: block;
	width: 80%;
	height: 137px;
	margin: 0 auto;
}
.nav_two_dropDown_pro dd h4{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.nav_two_dropDown_pro dd .btn{
	border: 1px solid #3a4e66;
	line-height: 30px;
	border-radius: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	margin: 5 auto;
	padding: 0 15px;
	font-size: 13px;
	max-width: 100%;
	transition: all linear 0.2s;
}
.nav_two_dropDown_pro dd .btn:hover{
	background: #ff6000;
	color: #fff;
	border-color: #ff6000;
}
.nav_two_dropDown_pro dd a:hover{
	background: transparent;
	color: #3a4e66;
}







/* 产品导航 */
.banner_product{
	position: relative;
}
.two_nav_p{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 2;
	transition: all linear 0.3s;
}
.two_nav_p .container{
	display: flex;
	align-items: flex-start;
	height: 100%;
}
.two_nav_p .left{
	width: 385px;
	height: 100%;
	overflow: auto;
	background: #263e7f;
	padding: 25px 30px;
}
.two_nav_p .left .til{
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	margin-bottom: 6px;
}
.two_nav_p .left .til img{
	display: block;
	width: 10px;
	transition: all linear 0.2s;
}
.two_nav_p .left .til h4{
	font-size: 16px;
	line-height: 36px;
	color: #8f959f;
}
.two_nav_p .left a{
	display: block;
	color: #8f959f;
	line-height: 36px;
}
.two_nav_p .left a:hover,
.two_nav_p .left .item:hover .til h4{
	color: #fff;
}
.two_nav_p .left .drop_down{
	height: 0;
	visibility: hidden;
	opacity: 0;
	transition: all linear 0.4s;
}
.two_nav_p .left .item:hover .drop_down{
	height: auto;
	visibility: visible;
	opacity: 1;
}
.two_nav_p .left .item:hover .til img{
	transform: rotate(90deg);
}
.two_nav_p .right{
	width: 0;
	height: 100%;
	padding: 35px 25px;
	background: rgba(255, 255, 255, 0.9);
	overflow: hidden;
	transition: all linear 0.2s;
	visibility: hidden;
	opacity: 0;
}
.two_nav_p .right.active{
	visibility: visible;
	opacity: 1;
	width: calc(100% - 385px);
}
.two_nav_p .right .pro_box{
	overflow: auto;
	height: 100%;
}
.two_nav_p .right .group{
	display: flex;
	flex-flow: wrap;
	align-items: flex-start;
	height: auto;
}
.two_nav_p .right .item_pro{
	width: calc(20% - 20px);
	margin: 0 10px 20px 10px;
	text-align: center;
}
.two_nav_p .right .item_pro img{
	display: block;
	max-width: 80%;
	height: 145px;
	margin: 0 auto;
}
.two_nav_p .right .item_pro h4{
	color: #3a4e66;
	border: 1px solid #3a4e66;
	line-height: 30px;
	border-radius: 16px;
	width: 80%;
	margin: 20px auto 0 auto;
	transition: all linear 0.2s;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 10px;
}
.two_nav_p .right .item_pro:hover h4{
	background: #3a4e66;
	color: #fff;
}







.search_pop_up{
	position: fixed;
	left: 0;
	top: -100%;
	width: 100%;
	background: #fff;
	z-index: 12;
	padding: 30px 0 50px 0;
	visibility: hidden;
	opacity: 0;
	transition: all linear 0.4s;
}
.search_pop_up.active{
	visibility: visible;
	opacity: 1;
	top: 0;
}
.search_pop_up .logo_search{
	display: block;
	width: 230px;
	margin: 0 auto 20px auto;
}
.search_pop_up .item{
	border-bottom: 1px solid #e3e3e3;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	padding: 20px 40px;
}
.search_pop_up .item .left{
	display: flex;
	align-items: center;
	width: calc(100% - 63px);
}
.search_pop_up .item button{
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 50px;
}
.search_pop_up .item button img{
	max-width: 90%;
}
.search_pop_up .item input{
	font-size: 16px;
	border: 0;
	display: block;
	width: 100%;
}
.search_pop_up .item .icon_gb{
	width: 23px;
	display: block;
	cursor: pointer;
	transition: all linear 0.3s;
}
.search_pop_up .item .icon_gb:hover{
	transform: rotate(180deg);
}
.search_pop_up .bottom{
	padding: 20px 40px;
}
.search_pop_up .bottom h4{
	font-size: 16px;
	color: #888;
	margin-bottom: 10px;
}
.search_pop_up .cont a{
	color: #888;
	display: inline-block;
	padding: 0 25px;
	border: 1px solid #ddd;
	border-radius: 4px;
	margin: 0 10px 10px 0;
	line-height: 32px;
	transition: all linear 0.2s;
}
.search_pop_up .cont a:hover{
	border-color: #ff7908;
	color: #ff7908;
}
.banner .swiper-wrapper{
	height: auto;
}
.banner .swiper-slide{
	position: relative;
	height: auto;
}
.banner .swiper-slide .bar_img{
	width: 100%;
	display: block;
}
.banner .item_video{
	cursor: pointer;
}
.banner .swiper-slide video{
	width: 100%;
	object-fit: cover;
}

.product_index {
	padding: 20px 0 50PX 0;
}
.swiper-product-til{
	padding-bottom: 10px;
}
.product_index .swiper-wrapper,
.product_index .swiper-slide{
	height: auto;
}
.swiper-product-til .swiper-slide{
	background: #e9ecf1;
	color: #3b4f67;
	font-size: 16px;
	padding: 0 30px;
	border-radius: 6px;
	display:flex;
	align-items:center;
	justify-content:center;
	height:50px;
	width: auto;
	cursor: pointer;
	transition: all ease 0.2s;
}
.swiper-product-til .swiper-slide-thumb-active{
	background-image: -moz-linear-gradient( 90deg, rgb(255,96,0) 0%, rgb(255,117,33) 99%);
	background-image: -webkit-linear-gradient( 90deg, rgb(255,96,0) 0%, rgb(255,117,33) 99%);
	background-image: -ms-linear-gradient( 90deg, rgb(255,96,0) 0%, rgb(255,117,33) 99%);
	box-shadow: 0px 5px 5px 0px rgba(218, 85, 7, 0.3);
	font-size: 18px;
	color: #fff;
}
.product_index .tab_con{
	margin-top: 10px;
}
.product_index .tab_con a{
	display: block;
}
.product_index .cont .top,
.product_index .cont .bom{
	display: flex;
	flex-flow: wrap;
	width: calc(100% + 20px);
	margin-left: -10px;
}
.product_index .item_01{
	width: calc(66.66% - 20px);
	margin: 0 10px;
	position: relative;
}
.product_index .item_02,
.product_index .item_03{
	width: calc(33.33% - 20px);
	margin: 0 10px;
}
.product_index .cont .bom{
	margin-top: 20px;
}
.product_index .cont .bom .item{
	display: none;
}
.product_index .cont .bom .item:nth-child(1),
.product_index .cont .bom .item:nth-child(2),
.product_index .cont .bom .item:nth-child(3){
	display: block;
}

.product_index .item_01 .pro{
	width: 100%;
	height: 467px;
	display: block;
	transition: all linear 0.2s;
}
.product_index .item_02 .pro{
	width: 100%;
	height: 467px;
	display: block;
	transition: all linear 0.2s;
}
.product_index .item_03 .pro{
	width: 100%;
	height: 345px;
	display: block;
	transition: all linear 0.2s;
}
.product_index .item a{
	overflow: hidden;
	display: block;
}
.product_index .item:hover .pro{
	transform: scale(1.05);
}
.product_index .item{
	position: relative;
}
.product_index .item h4{
	position: absolute;
	left: 50%;
	bottom: -50px;
	transform: translate(-50%,0);
	max-width: 80%;
	background: #fff;
	line-height: 40px;
	border-radius: 20px;
	text-align: center;
	color: #3a4e66;
	padding: 0 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: all linear 0.2s;
	visibility: hidden;
	opacity: 0;
}
.product_index .item:hover h4{
	visibility: visible;
	opacity: 1;
	bottom: 20px;
}
.product_index .item h4:hover{
	background: #ff6000;
	color: #fff;
}


.title h4{
	color: #3b4f67;
	font-size: 36px;
}
.title .text{
	color: #8f959f;
	font-size: 14px;
}
.solution_index .title .top{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.solution_index .title .top a{
	color: #8f959f;
	font-size: 14px;
	display: flex;
	align-items: center;
}
.solution_index .title .top a span{
	font-size: 18px;
	display: inline-block;
	margin-left: 10px;
}
.solution_index .title .top a:hover{
	color: #3a4e66;
}
.solution_index .cont{
	display: flex;
	flex-flow: wrap;
	width: calc(100% + 20px);
	margin-left: -10px;
	margin-top: 35px;
}
.solution_index .cont .item{
	width: calc(25% - 20px);
	margin: 0 10px 20px 10px;
	overflow: hidden;
}
.solution_index .cont .item a{
	display: block;
	position: relative;
	overflow: hidden;
	transition: all linear 0.2s;
}
.solution_index .cont .item .world{
	position: absolute;
	bottom: 25px;
	left: 0;
	width: 100%;
	padding: 0 30px;
	color: #fff;
}
.solution_index .cont .item a>img{
	display: block;
	width: 100%;
	height: 202px;
	transition: all linear 0.2s;
}
.solution_index .cont .item:hover a{
	transform: scale(1.1);
}
.solution_index .cont .item h4{
	font-size: 18px;
	font-weight: bold;
	display: flex;
	align-items: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.solution_index .cont .item h4 img{
	display: block;
	margin-left: 10px;
	transition: all linear 0.2s;
}
.solution_index .cont .item:hover h4 img{
	margin-left: 20px;
}
.solution_index .cont .item h6{
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.about_index{
	padding: 0 0 50px 0;
}
.about_index .two_nav{
	display: flex;
	justify-content: space-between;
}
.about_index .two_nav a{
	padding: 0 30px;
	line-height: 52px;
	background: #e9ecf1;
	color: #3a4e66;
	font-size: 16px;
	border-radius: 6px;
	display: block;
}
.about_index .two_nav a.active{
	background-image: -moz-linear-gradient( 90deg, rgb(255,96,0) 0%, rgb(255,117,33) 99%);
	background-image: -webkit-linear-gradient( 90deg, rgb(255,96,0) 0%, rgb(255,117,33) 99%);
	background-image: -ms-linear-gradient( 90deg, rgb(255,96,0) 0%, rgb(255,117,33) 99%);
	box-shadow: 0px 5px 5px 0px rgba(218, 85, 7, 0.3);
	color: #fff;
}
.about_index .title .text{
	margin: 15px 0 35px 0;
	padding-right: 20%;
}
.about_index .title .btn{
	color: #8f959f;
	border: 1px solid #8f959f;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 120px;
	line-height: 42px;
	border-radius: 28px;
	transition: all linear 0.2s;
}
.about_index .title .btn span{
	display: block;
	font-family: "宋体";
	margin-left: 10px;
	font-weight: bold;
	font-size: 18px;
}
.about_index .title .btn:hover {
	background: #ff7908;
	color: #fff;
	border-color: #ff7908;
}
.about_index .cont{
	padding: 15px 0 0 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.about_index .left{
	width: 45%;
}
.about_index .content{
	margin-top: 60px;
	margin-left: -30px;
}
.about_index .top,
.about_index .bom{
	display: flex;
}
.about_index .bom{
	margin-top: 40px;
}
.about_index .bom .item:nth-child(2){
	margin-right: 50px;
}
.about_index .item{
	text-align: center;
	width: 200px;
}
.about_index .item h4{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin-bottom: 10px;
}
.about_index .item .num{
	font-size: 80px;
	color: #ff6000;
	line-height: 1;
	height: 75px;
	font-family: "impact";
}
.about_index .item .down_sub{
	font-weight: bold;
	color: #ff6000;
	font-family: "impact";
	font-size: 36px;
	line-height: 1;
	height: 30px;
	display: flex;
	align-items: center;
	margin-left: 6px;
}
.about_index .item .down_sub span{
	font-size: 26px;
}
.about_index .right{
	width: 55%;
}
.about_index .right #maps{
	width: 100%;
	height: 580px;
}






.strength_index .container{
	position: relative;
}
.strength_index .img_bg{
	width: 100%;
	display: block;
}
.strength_index .cont{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	text-align: center;
	padding: 6%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.strength_index .til{
	font-size: 36px;
	line-height: 1.5;
	margin: 18px 0 35px 0;
}
.strength_index .group{
	display: flex;
	justify-content: center;
	flex-flow: wrap;
}
.strength_index .item{
	background: rgba(15, 96, 196, 0.6);
	padding: 30px;
	border-radius: 15px;
	width: 23.5%;
	margin: 0 0.75% 18px 0.75%;
	transition: all linear 0.2s;
}
.strength_index .item h4{
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 6px;
}
.strength_index .item .text{
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.strength_index .item:hover{
	background: rgba(15, 96, 196, 1);
}


.news_index{
	padding: 50px 0;
}
.news_index .top{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.news_index .tab_til_news{
	display: flex;
	justify-content: space-between;
}
.news_index .tab_til_news div{
	padding: 0 30px;
	line-height: 52px;
	background: #e9ecf1;
	color: #3a4e66;
	font-size: 16px;
	border-radius: 6px;
	display: block;
	cursor: pointer;
	margin-left: 15px;
}
.news_index .tab_til_news div.current{
	background-image: -moz-linear-gradient( 90deg, rgb(255,96,0) 0%, rgb(255,117,33) 99%);
	background-image: -webkit-linear-gradient( 90deg, rgb(255,96,0) 0%, rgb(255,117,33) 99%);
	background-image: -ms-linear-gradient( 90deg, rgb(255,96,0) 0%, rgb(255,117,33) 99%);
	box-shadow: 0px 5px 5px 0px rgba(218, 85, 7, 0.3);
	color: #fff;
}
.news_index .cont{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 30px;
}
.news_index .left{
	width: 46%;
}
.news_index .left a{
	display: block;
	position: relative;
}
.news_index .left img{
	display: block;
	width: 100%;
	height: 415px;
}
.news_index .left .world{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,0.6);
	color: #fff;
	padding: 15px 30px;
}
.news_index .left h4{
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news_index .left .time{
	font-size: 14px;
}
.news_index .right{
	width: 54%;
}
.news_index .right .item a{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 25px 0;
	transition: all linear 0.2s;
}
.news_index .right .item:hover a{
	background: #f6f7f9;
}
.news_index .right .item .time{
	width: 145px;
	text-align: center;
	color: #888;
}
.news_index .right .item .time div:nth-child(1){
	font-size: 56px;
	line-height: 1;
	font-family: 'impact';
	color: #3b4f67;
}
.news_index .right .world{
	width: calc(100% - 145px);
}
.news_index .right .world h4{
	font-size: 16px;
	font-weight: bold;
	color: #3b4f67;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 8px;
}
.news_index .right .world .text{
	color: #888;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	line-height: 26px;
	height: 52px;
}

.enterprise_style_index{
	padding-bottom: 80px;
}
.enterprise_style_index .top{
	margin-bottom: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.enterprise_style_index .btn_group{
	display: flex;
	align-items: center;
}
.enterprise_style_index .swiper-button-prev,
.enterprise_style_index .swiper-button-next{
	position: initial;
	width: 36px;
	height: 36px;
	margin: 0;
	opacity: 1;
	background: none;
	margin-left: 15px;
}
.enterprise_style_index .swiper-button-prev img,
.enterprise_style_index .swiper-button-next img{
	display: block;
	width: 100%;
	height: 100%;
	filter: grayscale(100%);
	opacity: 0.2;
	transition: all linear 0.2s;
}
.enterprise_style_index .swiper-button-prev:hover img,
.enterprise_style_index .swiper-button-next:hover img{
	filter: grayscale(0%);
	opacity: 1;
}
.enterprise_style_index .swiper-slide{
	overflow: hidden;
	border: #eeeeee 10px solid;
}
.enterprise_style_index .swiper-slide img{
	display: block;
	width: 100%;
	height: 233px;
	transition: all linear 0.2s;
}
.enterprise_style_index .swiper-slide:hover img{
	transform: scale(1.05);
}




.footer{
	border-top: 5px solid #ff6000;
	background: #1d2228;
	padding: 60px 0;
}
.footer .top{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.footer .top .left{
	width: 77%;
}
.footer .top .left h4{
	font-size: 16px;
	color: #fff;
}
.footer .top .left .text{
	color: #a7acb3;
}
.footer .top form{
	display: flex;
	align-items: center;
	margin-top: 25px;
}
.footer .top input{
	background: #fff;
	display: block;
	padding: 0 15px;
	line-height: 40px;
	border: 0;
	width: 26%;
	margin-right: 10px;
}
.footer .top button{
	display: block;
	width: calc(22% - 30px);
	background: #ff6000;
	color: #fff;
	text-align: center;
	line-height: 40px;
	transition: all linear 0.2s;
}
.footer .top button:hover{
	opacity: 0.8;
}
.footer .top .right{
	width: 23%;
	display: flex;
	justify-content: flex-end;
}
.footer .top .right .text{
	color: #fff;
}
.footer .top .right .num{
	font-size: 30px;
	line-height: 1.2;
	font-family: "";
	color: #ff6000;
}
.footer .top .right .icon_group{
	display: flex;
	align-items: center;
	margin-top: 15px;
}
.footer .top .right .icon_group .item{
	margin-right: 15px;
	position: relative;
}
.footer .top .right .icon_group .item .img_box{
	width: 45px;
	height: 45px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.footer .top .right .icon_group .item .img_box img{
	display: block;
	height: 40%;
}
.footer .top .right .icon_group .item .pop_img{
	position: absolute;
	left: 0;
	top: 125px;
	background: #fff;
	display: flex;
	border: 5px solid #fff;
	border-radius: 5px;
	visibility: hidden;
	opacity: 0;
	transition: all linear 0.2s;
}
.footer .top .right .icon_group .item:hover .pop_img{
	top: 65px;
	visibility: visible;
	opacity: 1;
}
.footer .top .right .icon_group .item .pop_img::after{
	content: '';
	width: 22px;
	height: 11px;
	background: url(../images/icon_sjx.png) no-repeat center;
	background-size: cover;
	position: absolute;
	top: -11px;
	left: 8px;
}
.footer .top .right .icon_group .item .pop_img img{
	width: 100px;
	height: 100px;
	display: block;
}


.footer .bottom{
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}
.footer .bottom dl a{
	display: block;
}
.footer .bottom dt a{
	color: #fff;
	font-size: 16px;
	margin-bottom: 5px;
}
.footer .bottom dd a{
	color: #a7acb3;
	line-height: 30px;
}
.footer .bottom dl a:hover{
	color: #ff6000;
}

.copyright{
	border-top: rgba(167,172,179,0.2) solid 1px;
	padding: 25px 0;
	background: #1d2228;
}
.copyright span{
	display: inline-block;
	margin: 0 4px;
}
.copyright .container{
	text-align: center;
	color: #a7acb3;
}
.copyright a{
	color: #a7acb3;
}
.copyright a:hover{
	color: #ff6000;
}



.right_menu{
	position: fixed;
	right: 0;
	top: 50%;
	z-index: 10;
	transform: translate(0,-50%);
	background: #ff7019;
	text-align: center;
	width: 84px
}
.right_menu .item{
	border-bottom: 1px solid #ff6000;
	position: relative;
}
.right_menu .item .vis{
	padding: 18px 0;
	transition: all linear 0.2s;
	cursor: pointer;
}
.right_menu .item .vis img{
	display: block;
	margin: 0 auto;
}
.right_menu .item .vis h4{
	font-size: 14px;
	line-height: 1;
	margin-top: 5px;
	color: #fff;
}
.right_menu .item:hover .vis{
	background: #f15200;
}
.right_menu .item .hov{
	position: absolute;
	top: 50%;
	right: 150px;
	transform: translate(0,-50%);
	background: #f5f5f5;
	width: 240px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #f15200;
	font-size: 24px;
	line-height: 1;
	visibility: hidden;
	opacity: 0;
	transition: all linear 0.2s;
}
.right_menu .item:hover .hov{
	visibility: visible;
	opacity: 1;
	right: 90px;
}
.right_menu .item:nth-child(2) .hov{
	font-family: 'impact';
}
.right_menu .item:nth-child(3) .hov{
	height: 110px;
	width: 110px;
}
.right_menu .item:nth-child(3) .hov img{
	width: 100px;
	height: 100px;
}
.right_menu .item:nth-child(4) .hov{
	font-size: 20px;
	font-family: 'impact';
}



/* 内页 */
.banner-inpage img{
	display: block;
	width: 100%;
}
.banner-inpage a{
	display: block;
}
.gas_detection .item,
.fire_control .item{
	background: url(../images/gas_bg.png) no-repeat bottom center,#f6f7f9;
	padding: 120px 0;
}
.gas_detection .item .container,
.fire_control .item .container{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.gas_detection .item:nth-child(2n) .container{
	flex-flow: row-reverse;
}
.gas_detection .item .world{
	width: 52%;
}
.gas_detection .item .img_box{
	width: 48%;
	display: flex;
	justify-content: flex-end;
}
.gas_detection .item .img_box img{
	display: block;
	max-width: 100%;
}
.gas_detection .item:nth-child(2n) .img_box{
	justify-content: flex-start;
}
.gas_detection .item h4{
	font-size: 30px;
	margin-bottom: 20px;
	color: #3b4f67;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.gas_detection .item .text{
	font-size: 16px;
	color: #3b4f67;
	margin-bottom: 15px;
}
.gas_detection .item .text_box{
	font-size: 16px;
	line-height: 30px;
	color: #3b4f67;
}
.gas_detection .item .text_box span{
	color: #8f959f;
}
.gas_detection .item .btn,
.fire_control .item .btn{
	color: #3b4f67;
	font-size: 16px;
	margin-top: 40px;
	display: flex;
	align-items: center;
}
.gas_detection .item .btn i,
.fire_control .item .btn i{
	font-style: normal;
	font-size: 20px;
	display: block;
	margin-left: 10px;
}
.gas_detection .item .btn:hover,
.fire_control .item .btn:hover{
	color: #ff6000;
}

.fire_control .item .world{
	width: 68%;
	padding-right: 10%;
}
.fire_control .item .img_box{
	width: 32%;
	text-align: center;
}
.fire_control .item .img_box img{
	display: block;
	max-width: 100%;
	max-height: 80%;
	margin: 0 auto 10px auto;
}
.fire_control .item h4{
	font-size: 30px;
	margin-bottom: 20px;
	color: #3b4f67;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.fire_control .item h6{
	font-size: 22px;
	color: #3b4f67;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.fire_control .item .text{
	font-size: 16px;
	line-height: 2;
	color: #8f959f;
	/* 	max-height: 200px;
        overflow: auto;
        padding-right: 10px; */
}
.fire_control .item .cont_box{
	display: none;
}
.fire_control .item .cont_box:nth-child(1){
	display: block;
}
.fire_control .item .btn{
	margin-bottom: 40px;
}
.fire_control .item .btn a{
	display: block;
	color: #3b4f67;
	font-size: 18px;
	width: 182px;
	line-height: 45px;
	text-align: center;
	border-radius: 26px;
	border: 1px solid #cfd3db;
	margin-right: 25px;
	transition: all linear 0.2s;
	cursor: pointer;
}
.fire_control .item .btn a:hover{
	background: #ff6000;
	color: #fff;
	border-color: #ff6000;
}
.fire_control .item .btn a.active{
	background: #ff6000;
	color: #fff;
	border-color: #ff6000;
}

.system {
	overflow: hidden;
	cursor: pointer;
}
.system img{
	transition: all linear 0.2s;
	max-width: 100%;
	max-height: 350px;
}
.system img:hover{
	transform: scale(1.1);
}
.product_yy{
	display: flex;
	justify-content: space-between;
}
.product_yy .list{
	width: 48%;
	text-align: center;
}
.product_yy .list a{
	display: block;
}
.product_yy .list .img_box1{
	overflow: hidden;
}
.product_yy .list img{
	display: block;
	width: 100%;
	transition:all linear 0.2s;
}
.product_yy .list:hover img{
	transform: scale(1.1);
}
.product_yy .list h6{
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 15px;
}





.title_pro{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 30px;
}
.title_pro h4{
	font-size: 30px;
	color: #3b4f67;
	line-height: 1;
}
.title_pro a{
	color: #8f959f;
}
.title_pro a:hover{
	color: #ff6000;
}
.pro_service{
	padding: 70px 0 30px 0;
}
.pro_service .group_pro{
	padding-bottom: 60px;
}
.pro_service .cont{
	display: flex;
	justify-content: space-between;
}
.pro_service .left{
	position: relative;
	width: 23%;
	overflow: hidden;
}
.pro_service .left .img_bg{
	display: block;
	width: 100%;
	height: 500px;
	transition: all linear 0.2s;
}
.pro_service .left:hover .img_bg{
	transform: scale(1.05);
}
.pro_service .right{
	display: flex;
	width: 77%;
}
.pro_service .right .item{
	width: calc(33.33% - 20px);
	margin: 0 0 0 20px;
	background: #f6f7f9;
	position: relative;
	overflow: hidden;
}
.pro_service .right .item img{
	display: block;
	width: 100%;
	height: 350px;
	transition: all linear 0.2s;
}
.pro_service .right .item .world{
	padding: 40px 30px;
	width: 100%;
	background: #f6f7f9;
	position: relative;
	z-index: 2;
}
.pro_service .right .item h4{
	font-size: 16px;
	color: #3b4f67;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-bottom: 1px solid #8f959f;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.pro_service .right .item .btn{
	color: #8f959f;
}
.pro_service .right .item:hover h4,
.pro_service .right .item:hover .btn{
	color: #ff6000;
}
.pro_service .right .item:hover h4{
	border-bottom: 1px solid #ff6000;
}
.pro_service .right .item:hover img{
	transform: scale(1.05);
}

.product_list{
	padding: 70px 0;
}
.seletion {
	margin-bottom: 30px;
}
.seletion h4{
	font-size: 24px;
	color: #3b4f67;
	line-height: 1;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: dashed 1px #cfd3db;
}
.seletion .tip_a{
	width: calc(100% + 30px);
	margin-left: -15px;
}
.seletion a{
	font-size: 16px;
	display: inline-block;
	margin: 5px 15px;
	color: #3b4f67;
}
.seletion a:hover{
	color: #ff6000;
}


.product_list .group{
	display: flex;
	flex-flow: wrap;
	width: calc(100% + 20px);
	margin-left: -10px;
}
.product_list .group .item{
	width: calc(25% - 20px);
	margin: 0 10px 20px 10px;
	background: #f6f7f9;
	position: relative;
	overflow: hidden;
}
.product_list .group .item img{
	display: block;
	width: 100%;
	height: 345px;
	transition: all linear 0.2s;
}
.product_list .group .item .world{
	padding: 40px 30px 35px 30px;
	position: relative;
	z-index: 1;
	background: #f6f7f9;
}
.product_list .group .item h4{
	font-size: 16px;
	color: #3b4f67;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-bottom: 1px solid #8f959f;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.product_list .group .item .btn{
	color: #8f959f;
}
.product_list .group .item:hover h4,
.product_list .group .item:hover .btn{
	color: #ff6000;
}
.product_list .group .item:hover h4{
	border-bottom: 1px solid #ff6000;
}
.product_list .group .item:hover img{
	transform: scale(1.05);
}

.sort_index{
	position:relative;
	background: #263e7f;
	padding: 30px 0;
	/* position: absolute;
    left: 0;
    right: 0;
    z-index: 2;
    top: 570px; */
}
.sort_index .container{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.sort_index .left{
	display: flex;
	align-items: center;
}
.sort_index .left h4{
	line-height: 24px;
	color: #fff;
	font-size: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.sort_index .left .line{
	width: 3px;
	height: 24px;
	background: #fff;
	margin-right:20px;
}
.sort_index .right,
.three_nav .item{
	display: flex;
	justify-content: flex-end;
}
.sort_index .right a,
.three_nav .item a{
	font-size: 16px;
	color: #fff;
	display: block;
	padding-left: 45px;
}
.sort_index .right a:hover,
.three_nav .item a:hover{
	opacity: 0.8;
}
.sort_index .right a.active,
.three_nav .item a.active{
	background: url(../images/icon_cir.png) no-repeat center left 20px;
}
.three_nav{
	position: absolute;
	left: 0;
	top: 88.8px;
	background: #8f959f;
	width: 100%;
	padding: 0px;
	visibility: hidden;
	opacity: 0;
	transition: all linear 0.2s;
	z-index: 2;
}
.three_nav .item{
	width: 100%;
}
.current{
	visibility: visible;
	opacity: 1;
}






.product_show{
	/*padding: 80px 0;*/
	/* margin-top: 200px; */
	padding: 0 0 80px;
}
.product_show .top{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.product_show .top .left{
	width: 50%;
	position: relative;
}
.product_show .swiper-pro-show-top{
	margin-bottom: 20px;
}
.product_show .swiper-pro-show-top .swiper-slide img{
	width: 100%;
	height: 524px;
	display: block;
}
.product_show .swiper-pro-show-bom{
	width: 80%;
}
.product_show .swiper-pro-show-bom .swiper-slide{
	width: 25%;
}
.product_show .swiper-pro-show-bom .swiper-slide img{
	width: 100%;
	height: 99px;
	display: block;
	border-radius: 6px;
	border: 1px solid #ddd;
	padding: 5px;
}
.product_show .swiper-pro-show-bom .swiper-slide-thumb-active img{
	border-color: #ff6000;
}
.product_show .swiper-button-next-pro,
.product_show .swiper-button-prev-pro{
	top: initial;
	bottom: 35px;
	margin: 0;
	width: 24px;
	height: 24px;
	background: none;
	color: #222;
	font-family: "宋体";
	transform: translate(0,0);
	font-size: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	opacity: 1;
	cursor: pointer;
}
.product_show .swiper-button-next-pro{
	right: 25px;
}
.product_show .swiper-button-prev-pro{
	left: 25px;
}
.product_show .top .right{
	width: 44%;
	padding-top: 20px;
}
.product_show .top .right h4{
	color: #3b4f67;
	font-size: 22px;
	line-height: 1.5;
	border-bottom: 1px dashed #bfbcbc;
	padding-bottom: 15px;
	margin-bottom: 25px;
}
.product_show .top .right .text{
	color: #555;
	font-size: 16px;
	line-height: 36px;
	padding-bottom: 25px;
}
.product_show .top .right a{
	display: block;
	margin-top: 50px;
	width: 300px;
}
.product_show .top .right a img{
	display: block;
	width: 85%;
}

.product_show .cont{
	margin-top: 50px;
}
.product_show .tab_til{
	display: flex;
	align-items: center;
	background: #f6f7f9;
}
.product_show .tab_til div{
	font-size: 16px;
	line-height: 64px;
	color: #3b4f67;
	width: 150px;
	text-align: center;
	cursor: pointer;
}
.product_show .tab_til div.current{
	background: #ff6000;
	color: #fff;
}
.rich_text{
	overflow: hidden;
	color: #8f959f;
	padding: 20px 0;
}
.rich_text img,
.rich_text video{
	max-width: 100%;
	object-fit:contain;
}
.rich_text h4{
	font-size: 20px;
	color: #3b4f67;
	margin: 15px 0;
}

.bottom_show{
	border-top: 1px solid #ddd;
	padding-top: 30px;
	margin-top: 30px;
	position: relative;
	width: 100%;
}
.bottom_show span{
	display: block;
	width: 80%;
	font-size: 15px;
	color: #8f959f;
}
.bottom_show span a{
	color: #8f959f;
}
.bottom_show span a:hover{
	color: #ff6000;
}
.bottom_show .btn{
	width: 118px;
	line-height: 36px;
	border-radius: 18px;
	border: 1px solid #ddd;
	text-align: center;
	color: #8f959f;
	display: block;
	position: absolute;
	right: 0;
	top: 40px;
}
.bottom_show .btn:hover{
	background: #ff6000;
	color: #fff;
}

.banner img{
	display: block;
	width: 100%;
}

.solution {
	padding: 60px 0 60px 0;
}
.solution .group{
	display: flex;
	flex-flow: wrap;
	width: calc(100% + 20px);
	margin-left: -10px;
}
.solution .group .item{
	width: calc(33.33% - 20px);
	margin: 0 10px 20px 10px;
}
.solution .group .item a{
	display: block;
	position: relative;
	overflow: hidden;
}
.solution .group .item .world{
	position: absolute;
	bottom: 25px;
	left: 0;
	width: 100%;
	padding: 0 30px;
	color: #fff;
}
.solution .group .item a>img{
	display: block;
	width: 100%;
	height: 274px;
	transition: all linear 0.2s;
}
.solution .group .item:hover a>img{
	transform: scale(1.05);
}
.solution .group .item h4{
	font-size: 22px;
	font-weight: bold;
	display: flex;
	align-items: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.solution .group .item h4 img{
	display: block;
	margin-left: 10px;
	transition: all linear 0.2s;
}
.solution .group .item:hover h4 img{
	margin-left: 20px;
}
.solution .group .item h6{
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


.negotiation_form{
	background: #f6f7f9;
	padding: 70px 0;
}
.negotiation_form h4{
	font-size: 30px;
	line-height: 1;
	color: #3b4f67;
	margin-bottom: 35px;
}
.negotiation_form form{
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
}
.negotiation_form .item{
	width: 48.5%;
	margin-bottom: 20px;
}
.negotiation_form .item label,
.negotiation_form .item_textarea label,
.negotiation_form .item_checkbox label{
	font-size: 15px;
	color: #888;
	margin-bottom: 6px;
	display: block;
}
.negotiation_form .item label i,
.negotiation_form .item_textarea label i,
.negotiation_form .item_checkbox label i{
	font-style: normal;
	color: #ff0000;
	display: inline-block;
	margin-left: 4px;
}
.negotiation_form .item input,
.negotiation_form .item_textarea textarea{
	display: block;
	width: 100%;
	line-height: 50px;
	padding: 0 15px;
	background: #fff;
	color: #333;
	border: 1px solid #ddd;
}
.negotiation_form .item_textarea,
.negotiation_form .item_checkbox{
	width: 100%;
	margin-bottom: 20px;
}
.negotiation_form .item_textarea textarea{
	height: 180px;
	font-family: "微软雅黑";
	line-height: 24px;
	padding: 10px 15px;
}
.negotiation_form .item_checkbox {
	margin-top: 15px;
}
.negotiation_form .item_checkbox .group_check{
	width: calc(100% + 30px);
	margin-left: -15px;
}
.negotiation_form .item_checkbox div{
	display: inline-block;
	margin: 5px 15px;
	font-size: 15px;
	color: #8f959f;
	cursor: pointer;
}
.negotiation_form button{
	background: #3a4e66;
	color: #fff;
	width: 235px;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
}
.negotiation_form button:hover{
	opacity: 0.9;
}

.solution_two{
	padding: 80px 0;
}
.solution_two .item a{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px dashed #cccccc;
}
.solution_two .item img{
	display: block;
	width: 27%;
	height: 228px;
}
.solution_two .item .world{
	width: 70%;
}
.solution_two .item h4{
	font-size: 18px;
	color: #3b4f67;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 12px;
}
.solution_two .item .text{
	color: #8f959f;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.solution_two .item .btn{
	width: 118px;
	line-height: 36px;
	text-align: center;
	border: 1px solid #cfd3db;
	color: #8f959f;
	border-radius: 18px;
	cursor: pointer;
	margin-top: 30px;
	transition: all linear 0.2s;
}
.solution_two .item:hover h4{
	color: #ff6000;
}
.solution_two .item:hover .btn{
	border-color: #ff6000;
	background: #ff6000;
	color: #fff;
}

.page_number{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 50px;
}
.page_number a{
	display: block;
	width: 44px;
	height: 44px;
	line-height: 44px;
	background: #f2f1f1;
	color: #888;
	text-align: center;
	margin: 0 6px;
}
.page_number a.jt,.page_number li.jt a{
	font-family: "宋体";
	font-weight: bold;
}
.page_number a.active,.page_number li.active a{
	background: #3a4e66;
	color: #fff;
}
.solution_show{
	padding: 20px 0 60px 0;
}
.case{
	padding: 60px 0;
}
.case .group{
	display: flex;
	flex-flow: wrap;
	width: calc(100% + 40px);
	margin-left: -20px;
}
.case .item{
	width: calc(33.33% - 40px);
	margin: 0 20px 40px 20px;
	border: 1px solid #ddd;
	overflow: hidden;
}
.case .item .world{
	padding: 25px;
	position: relative;
	background: #fff;
	z-index: 1;
}
.case .item h4{
	font-size: 16px;
	color: #3b4f67;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 10px;
}
.case .item img{
	width: 100%;
	height: 338px;
	display: block;
	transition: all linear 0.2s;
}
.case .item .text{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #8f959f;
}
.case .item:hover img{
	transform: scale(1.05);
}
.case .page_number{
	margin-top: 0;
}
.case .item:hover h4{
	color: #ff6000;
}

.download{
	padding: 80px 0;
}
.download .item{
	display: flex;
	justify-content: space-between;
	padding: 30px 0;
	border-bottom: 1px solid #eee;
}
.download .item:first-child{
	border-top: 1px solid #eee;
}
.download .item>div{
	font-size: 18px;
	font-weight: bold;
	color: #3b4f67;
	width: calc(100% - 130px);
	display: flex;
	align-items: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.download .item>div span{
	display: block;
	margin-right: 20px;
}
.download .item a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 118px;
	line-height: 40px;
	border-radius: 20px;
	background: #d2d5d9;
	color: #fff;
	transition: all linear 0.2s;
}
.download .item a img{
	display: block;
	margin-right: 4px;
}
.download .item:hover a{
	background: #ff6000;
}
.download .item:hover>div{
	color: #ff6000;
}

.problem{
	padding: 80px 0;
}
.problem .item:first-child a{
	border-top: 1px solid #eee;
}
.problem .item a{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 30px 0;
	border-bottom: 1px solid #eee;
}
.problem .item h4{
	font-size: 18px;
	font-weight: bold;
	color: #3b4f67;
	display: flex;
	align-items: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: calc(100% - 30px);
}
.problem .item:hover h4{
	color: #ff6000;
}

.problem_show .top_til{
	font-size: 30px;
	line-height: 1.5;
	color: #3a4e66;
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
	text-align: left;
	margin-top: 30px;
}

.videoGroup{
	padding: 80px 0;
}
.videoGroup .group{
	width: calc(100% + 36px);
	margin-left: -18px;
	display: flex;
	flex-flow: wrap;
}
.videoGroup .item{
	width: calc(33.33% - 36px);
	margin: 0 18px 36px 18px;
	position: relative;
}
.videoGroup .item video{
	display: block;
	height: 270px;
	width: 100%;
	object-fit: cover;
}
.videoGroup .item h4{
	color: #3A4E66;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	padding: 0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 40px;
}
.videoGroup .page_number{
	margin-top: 20px;
}
.service_after{
	padding: 70px 0;
}
.service_after .top_til{
	font-size: 30px;
	color: #3a4e66;
}
.service_after .rich_text{
	padding-top: 0;
}

.news{
	padding: 80px 0;
}
.news .page_number{
	margin-top: 20px;
}
.news .group{
	width: calc(100% + 30px);
	margin-left: -15px;
	display: flex;
	flex-flow: wrap;
}
.news .item{
	width: calc(33.33% - 30px);
	margin: 0 15px 30px 15px;
	overflow: hidden;
}
.news .item a,
.news .item img{
	display: block;
	width: 100%;
}
.news .item img{
	transition: all linear 0.2s;
	height: 269px;
}
.news .item .world{
	background: #fff;
	position: relative;
	z-index: 1;
	padding-bottom: 20px;
}
.news .item .time,
.news_show .time{
	display: flex;
	align-items: flex-end;
	font-family: "impact";
	font-size: 16px;
	color: #8f959f;
	line-height: 1;
	margin-bottom: 15px;
}
.news .item .time div:nth-child(1),
.news_show .time div:nth-child(1){
	color: #3a4e66;
	font-size: 26px;
	margin-right: 4px;
}
.news .item .time div:nth-child(2),
.news_show .time div:nth-child(2){
	margin-bottom: 2px;
}
.news .item h4,
.news .item .text{
	font-size: 16px;
	color: #3b4f67;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news .item .text{
	font-size: 14px;
	color: #8f959f;
	margin-top: 6px;
}
.news .item:hover img{
	transform: scale(1.05);
}
.news .item:hover h4{
	color: #ff6000;
}

.news_show{
	padding: 60px 0;
}
.news_show .cont{
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
	align-items: flex-start;
}
.news_show .left{
	width: 70%;
}
.news_show .top {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #eee;
}
.news_show .top h2{
	font-size: 30px;
	color: #3b4f67;
	line-height: 1.5;
}
.news_show .top .text_ori{
	color: #888;
	margin-top: 15px;
}
.news_show .center{
	color: #8f959f;
	line-height: 30px;
}
.news_show .center img{
	max-width: 100%;
}
.news_show .right{
	width: 25%;
	padding: 30px 20px;
}
.news_show .right .til{
	font-size: 24px;
	line-height: 1;
	color: #3a4e66;
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}
.news_show .right .til::before{
	content: '';
	width: 5px;
	height: 24px;
	background: #3a4e66;
	margin-right: 15px;
}
.news_show .right .item img{
	width: 100%;
	height: 187px;
	display: block;
}
.news_show .right .item h4{
	font-size: 16px;
	color: #3a4e66;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 8px 0 20px 0;
}
.news_show .right .item:last-child h4{
	margin-bottom: 0;
}
.news_show .right .item:hover h4{
	color: #ff6000;
}

.introduce{
	padding: 45px 0 80px 0;
}
.introduce .rich_text h4,
.base .rich_text h4{
	font-size: 30px;
}
.introduce .tips{
	font-size: 16px;
	color: #3a4e66;
}
.introduce #maps{
	width: 100%;
	height: 700px;
	margin-top: 30px;
}
.introduce .group{
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	margin: 90px 0 35px 0;
}
.introduce .item{
	text-align: center;
}
.introduce .item h4{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin-bottom: 10px;
}
.introduce .item .num{
	font-size: 80px;
	color: #ff6000;
	line-height: 1;
	height: 75px;
	font-family: "impact";
}
.introduce .item .down_sub{
	font-weight: bold;
	color: #ff6000;
	font-family: "impact";
	font-size: 36px;
	line-height: 1;
	height: 30px;
	display: flex;
	align-items: center;
	margin-left: 6px;
}
.introduce .item .down_sub span{
	font-size: 26px;
}

.culture{
	padding: 60px 0;
}
.culture .container{
	position: relative;
}
.culture .group_bg{
	height: 694px;
	position: relative;
}
.culture .group_bg img{
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.culture .group{
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	justify-content: space-between;
}
.culture .item{
	display: flex;
	align-items: center;
	width: 33.33%;
	height: 100%;
	padding: 60px;
	color: #fff;
	transition: all linear 0.3s;
	cursor: pointer;
}
.culture .item.active{
	background: rgba(59,79,103,0.6);
}
.culture .item img{
	display: block;
}
.culture .item .line{
	width: 27px;
	height: 1px;
	background: #fff;
	margin: 24px 0;
}
.culture .item h4{
	font-size: 30px;
	line-height: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.culture .item h6{
	line-height: 1.2;
	font-family: "impact";
	font-size: 16px;
	margin-top: 15px;
	text-transform: uppercase;
	margin: 10px 0 20px 0;
}
.culture .item .text{
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.history{
	padding: 80px 0;
	background: url(../images/his_bg.png) no-repeat top left;
	background-size: 100% auto;
}
.history .til img{
	display: block;
}
.history .group{
	padding: 60px 0 0 13.5%;
	position: relative;
}
.history .group::after{
	content: '';
	width: 1px;
	height: 100%;
	border-left: 1px dashed #ccc;
	position: absolute;
	left: 75px;
	top: 0;
}
.history .item{
	position: relative;
	margin-bottom: 90px;
}
.history .item:last-child{
	margin-bottom: 0;
}
.history .item .time{
	color: #3a4e66;
	font-size: 56px;
	line-height: 1;
	font-family: "impact";
	margin-bottom: 15px;
}
.history .item .text{
	color: #8f959f;
	font-size: 16px;
}
.history .item .circle{
	position: absolute;
	left: -10.5%;
	top: 15px;
	width: 24px;
	height: 24px;
	background: #3a4e66;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
	transition: all linear 0.2s;
}
.history .item .circle div{
	width: 10px;
	height: 10px;
	background: #3a4e66;
	border-radius: 50%;
	transition: all linear 0.2s;
	animation: his_donhua 2s linear infinite;

}
.history .item:hover .time{
	color: #ff6000;
}
.history .item:hover .circle div{
	background: #ff6000;
}
.history .item:hover .circle{
	background: #ff6000;
}

@keyframes his_donhua{
	0% {
		transform: scale(0.5);
		opacity: 1;
	}
	100% {
		transform: scale(5.5);
		opacity: 0;
	}
}


.base{
	padding: 35px 0 80px 0;
}
.base .swiper-box{
	position: relative;
	margin-top: 30px;
}
.gallery-base-bom{
	background: rgba(0,0,0,0.4);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 25px 0;
	z-index: 2;
}
.gallery-base-bom .swiper-wrapper{
	display: flex;
	justify-content: center;
	transform: translate(0,0);
}
.gallery-base-bom .swiper-slide{
	position: relative;
	border: 1px solid transparent;
	width: 20%;
	cursor: pointer;
}
.gallery-base-bom .swiper-slide img,
.gallery-base-top .swiper-slide img{
	width: 100%;
	display: block;
}
.gallery-base-top .swiper-slide img{
	height: 592px;
}
.gallery-base-bom .swiper-slide img{
	height: 113px;
}
.gallery-base-bom .swiper-slide h4{
	background: rgba(0,0,0,0.4);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	color: #fff;
	line-height: 36px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.gallery-base-bom .swiper-slide-thumb-active{
	border: 1px solid #ff6000;
}

.equipment_box{
	margin-top: 50px;
}
.equipment_box .til{
	font-size: 30px;
	line-height: 1;
	color: #3a4e66;
	margin-bottom: 10px;
}
.group_equipment{
	width: calc(100% + 20px);
	margin-left: -10px;
	display: flex;
	flex-flow: wrap;
}
.group_equipment .item{
	width: calc(25% - 20px);
	margin: 15px 10px 0 10px;
	text-align: center;
}
.group_equipment .item img{
	display: block;
	width: 100%;
	height: 202px;
}
.group_equipment .item h4{
	font-size: 14px;
	color: #8f959f;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 32px;
	margin-top: 5px;
}
.group_equipment .item:hover h4{
	color: #ff6000;
}

.development{
	padding: 80px 0;
}
.development .group{
	margin-bottom: 50px;
}
.development .group:last-child{
	margin-bottom: 0;
}
.development .til{
	font-size: 36px;
	font-weight: bold;
	color: #3b4f67;
	margin-bottom: 30px;
	line-height: 1;
	text-align: center;
}
.development .item{
	position: relative;
}
.development .item>img{
	display: block;
	width: 100%;
}
.development .item .world{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5% 7%;
	font-size: 14px;
	color: #8f959f;
}
.development .group:nth-child(2n) .item .world{
	right: initial;
	left: 0;
}
.development .item .special{
	display: flex;
	align-items: center;
	font-size: 16px;
	font-weight: bold;
	color: #3a4e66;
	line-height: 45px;
}
.development .item .special>div{
	font-weight: normal;
	color: #8f959f;
}

.orgin{
	padding: 100px 0;
}
.orgin .rich_text img{
	display: block;
	margin: 0 auto;
}

.honor{
	padding: 80px 0;
}
.honor .group{
	width: calc(100% + 40px);
	margin-left: -20px;
	display: flex;
	flex-flow: wrap;
}
.honor .item{
	width: calc(25% - 40px);
	margin: 0 20px 40px 20px;
	text-align: center;
	background: #f8f8f8;
	border: 1px solid #e9e9e9;
	padding: 30px 20px;
}
.honor .item .img_box{
	height: 371px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.honor .item .img_box img{
	width: 100%;
	max-height: 100%;
	display: block;
	transition: all linear 0.2s;
}
.honor .item h4{
	color: #3a4e66;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 15px;
}
.honor .item:hover img{
	transform: scale(1.05);
}
.honor .page_number{
	margin-top: 0;
}

.invest{
	padding: 80px 0;
}
.invest .item{
	display: flex;
	justify-content: space-between;
	padding: 30px 0;
	border-bottom: 1px solid #eee;
}
.invest .item:first-child{
	border-top: 1px solid #eee;
}
.invest .item .left{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: calc(100% - 130px);
}
.invest .item .icon_item{
	display: flex;
	align-items: center;
}
.invest .item .icon_item img,
.invest .item .icon_item a{
	display: block;
	margin-right: 60px;
}
.invest .item .icon_item a{
	background: url(../images/icon_invest02_h.png) no-repeat center;
	background-size: cover;
	width: 26px;
	height: 24px;
}
.invest .item .icon_item a:hover{
	background: url(../images/icon_invest02.png) no-repeat center;
}
.invest .item .time{
	width: 110px;
	color: #8f959f;
	display: flex;
	justify-content: flex-end;
}
.invest .item .til{
	font-size: 18px;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: flex;
	align-items: center;
	color: #3a4e66;
}
.invest .item .til span{
	display: block;
	margin-right: 20px;
}
.invest .item:hover .til{
	color: #ff6000;
}
.viewer-navbar,
.viewer-toolbar{
	display: none !important;
}
.viewer-footer{
	bottom: 20px !important;
}
.personnel .group{
	padding: 60px 0;
}
.personnel .container{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 1360px;
	margin: 0 auto;
}
.personnel .world{
	width: 56%;
}
.personnel .world h4{
	color: #3b4f67;
	font-size: 24px;
	line-height: 1.5;
	margin-bottom: 15px;
}
.personnel .world .text{
	font-size: 14px;
	color: #8f959f;
	line-height: 30px;
}
.personnel img{
	width: 28%;
	display: block;
}
.personnel .group:nth-child(2){
	background: #f2f2f2;
}
.personnel .group:nth-child(2) .container{
	flex-flow: row-reverse;
}
.personnel_welfare{
	padding: 40px 0;
}
.personnel_welfare .rich_text h4{
	font-weight: bold;
	font-size: 30px;
}
.personnel_welfare .rich_text h6{
	font-size: 16px;
	color: #3a4e66;
	margin-top: 20px;
}
.personnel_welfare .rich_text img{
	display: block;
	margin: 0 auto;
}

.personnel_post{
	padding: 80px 0;
}
.personnel_post .group{
	background: #f2f2f2;
	padding: 50px;
	margin-bottom: 20px;
}
.personnel_post .group:last-child{
	margin-bottom: 0;
}
.personnel_post .top{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 25px;
}
.personnel_post .top h4{
	font-size: 30px;
	line-height: 1;
	color: #3b4f67;
}
.personnel_post .top div a{
	color: #8f959f;
}
.personnel_post .center{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-flow: wrap;
	background: #fff;
	padding: 35px;
}
.personnel_post .item{
	width: 48%;
	height: 240px;
	overflow: hidden;
}
.personnel_post .item h4{
	font-size: 18px;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.personnel_post .item .text{
	color: #8f959f;
}
.personnel_post .btn{
	width: 100%;
	margin-top: 30px;
	color: #587faa;
	display: flex;
	align-items: center;
	justify-content: center;
}
.personnel_post .btn>div{
	cursor: pointer;
}
.personnel_post .btn img{
	display: block;
	margin: 10px auto 0 auto;
}
.personnel_post_show .top{
	background: #f2f2f2;
	padding: 30px 0;
	border-top: 3px solid #ff6000;
	font-size: 16px;
	color: #8f959f;
}
.personnel_post_show .top .til{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 25px;
}
.personnel_post_show .top h4{
	font-size: 30px;
	color: #3a4e66;
	line-height: 1;
}
.personnel_post_show .top .til div a{
	color: #8f959f;
}
.personnel_post_show .bottom{
	padding-bottom: 40px;
}
.personnel_post_show .bottom .rich_text{
	font-size: 16px;
	line-height: 36px;
}
.personnel_post_show .bottom .rich_text h4{
	border-bottom: 1px dashed #ccc;
	padding-bottom: 15px;
}
.video_center{
	padding: 70px 0 80px 0;
}
.video_center .til{
	font-size: 30px;
	line-height: 1.5;
	color: #3a4e66;
	text-align: center;
	margin-bottom: 30px;
}
.video_center video{
	display: block;
	width: 100%;
	height: 650px;
	object-fit: cover;
}

.contact #map{
	width: 100%;
	height: 544px;
}
.contact .group{
	width: calc(100% + 40px);
	margin-left: -20px;
	display: flex;
	flex-flow: wrap;
	position: relative;
	z-index: 1;
	margin-top: -120px;
	margin-bottom: 60px;
}
.contact .item{
	width: calc(33.33% - 40px);
	margin: 0 20px 40px 20px;
	border: 1px solid #eee;
	text-align: center;
	padding: 80px 30px;
	font-size: 16px;
	background: url(../images/con_01.png) no-repeat left -70px bottom -70px,#fff;
}
.contact .item:nth-child(2){
	background: url(../images/con_01.png) no-repeat left -70px bottom -70px,#f6f7f9;
}
.contact .item:nth-child(4){
	background: url(../images/con_02.png) no-repeat left -70px bottom -70px,#f6f7f9;
}
.contact .item:nth-child(5){
	background: url(../images/con_03.png) no-repeat left -70px bottom -70px,#fff;
}
.contact .item:nth-child(6){
	background: url(../images/con_04.png) no-repeat left -70px bottom -70px,#f6f7f9;
}
.contact .item h4{
	font-size: 20px;
	font-weight: bold;
	color: #3a4e66;
	margin-bottom: 15px;
}
.contact .item .big{
	font-family: "impact";
	font-size: 24px;
	line-height: 1;
	color: #3a4e66;
}
.search_result{
	padding: 30px 0 60px 0;
}
.search_result .til{
	font-size: 16px;
	margin-bottom: 60px;
}
.search_result .list{
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid #eee;
}
.search_result .list a{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.search_result .list .world{
	width: 100%;
}
.search_result .list_pro .world{
	width: calc(100% - 170px);
}
.search_result .list h4{
	font-size: 18px;
	color: #3b4f67;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.search_result .list p{
	font-size: 14px;
	color: #8f959f;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.search_result .list .btn{
	font-size: 18px;
	color: #8f959f;
}
.search_result .list .left{
	display: flex;
	align-items: center;
	width: 90%;
}
.search_result .list .left img{
	display: block;
	width: 140px;
	height: 140px;
	margin-right: 30px;
}
.search_result .list:hover h4,
.search_result .list:hover .btn{
	color: #ff6000;
}



.float_window{
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 12;
}
.float_window .img_item{
	display: block;
	width: 462px;
}
.float_window .guanbi{
	cursor: pointer;
	position: absolute;
	right: -10px;
	top: -10px;
	display: block;
}

.three_nav_wap{
	display: none;
}
.pro_list_group{
	display: flex;
	flex-flow: wrap;
	width: calc(100% + 30px);
	margin-left: -15px;
	margin-top: 30px;
}
.pro_list {
	width: calc(25% - 30px);
	margin: 0 15px 30px 15px;
	border: 1px solid #eee;
	text-align: center;
	padding: 10px;
}
.pro_list img{
	width: 100%;
	display: block;
	height: 315px;
}
.pro_list h4{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.pro_list:hover h4{
	color: #ff6000;
}

/* 手机端显示 */
.header_wap,
.footer_wap{
	display: none;
}
.title_wap{
	display: none;
}
.swiper-strength{
	display: none;
}




.header_show{
	position: sticky;
	position: -webkit-sticky;
}
body.show{
	padding-top: 0;
}
body.active{
	margin-top: 90px;
}
body.active1{
	margin-top: 200px;
}
.sort_index.active,
.personnel_post_show.active .top{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 10;
}


















/* ---------------------------------------1440--------------------------------------- */
@media(max-width:1440px) {
	.container{
		width: 1200px;
	}
	body{
		padding-top: 138px;
	}
	.header .top .logo{
		width: 400px;
	}
	.header .top .tel h4{
		font-size: 22px;
	}
	.header .top .tel .btn_search{
		margin-left: 25px;
		width: 20px;
	}
	.header .top .tel .icon_tel{
		width: 20px;
		margin-right: 10px;
	}
	.nav li>a{
		font-size: 16px;
	}
	.nav_two_dropDown_pro{
		top: 138px;
	}
	.nav_two_dropDown_pro dd img{
		height: 122px;
	}
	.swiper-product-til .swiper-slide{
		padding: 0 20px;
		line-height: 66px;
		font-size: 15px;
	}
	.swiper-product-til .swiper-slide.current{
		font-size: 16px;
	}
	.product_index .item_01 .pro,
	.product_index .item_02 .pro{
		height: 390px;
	}
	.product_index .item_03 .pro{
		height: 390px;
	}
	.solution_index .cont .item a>img{
		height: 167px;
	}
	.solution_index .cont .item .world{
		bottom: 20px;
		padding: 0 20px;
	}
	.solution_index .cont .item h4{
		font-size: 16px;
	}
	.about_index .two_nav a{
		padding: 0 20px;
		font-size: 15px;
		line-height: 50px;
	}
	.about_index .item .num{
		font-size: 66px;
		height: 60px;
	}
	.about_index .item .down_sub span{
		font-size: 20px;
	}
	.about_index .item .down_sub{
		font-size: 28px;
		height: 20px;
		margin-top: 3px;
	}
	.about_index .item{
		width: 33.33%;
	}
	.about_index .bom .item:nth-child(2){
		margin-right: 0;
	}
	.about_index .item p{
		font-size: 13px;
	}
	.strength_index .til{
		font-size: 32px;
	}
	.strength_index .item{
		padding: 20px;
	}
	.strength_index .item h4{
		margin-bottom: 4px;
	}
	.strength_index .item .text{
		line-height: 1.5;
	}
	.news_index .left img{
		height: 345px;
	}
	.news_index .right .item a{
		padding: 21px;
	}
	.news_index .right .world h4{
		margin-bottom: 4px;
	}
	.news_index .right .item .time div:nth-child(1){
		font-size: 45px;
	}
	.news_index .right .world .text{
		line-height: 20px;
		height: 40px;
	}
	.news_index .right .item .time{
		width: 110px;
	}
	.news_index .right .item .world{
		width: calc(100% - 125px);
	}
	.enterprise_style_index .swiper-slide img{
		height: 174px;
	}
	.footer .top .right .num{
		font-size: 26px;
	}
	.right_menu{
		width: 72px;
	}
	.right_menu .item .vis{
		padding: 12px 0;
	}
	.right_menu .item .vis img{
		width: 26px;
		height: 26px;
	}
	.right_menu .item .hov{
		font-size: 20px;
		width: 220px;
	}

	.sort_index{
		padding: 15px 0;
	}
	.sort_index .left .line{
		margin-right: 10px;
		height: 20px;
	}
	.sort_index .left h4{
		font-size: 16px;
	}
	.sort_index .right a,
	.three_nav .item a{
		font-size: 14px;
		padding-left: 35px;
	}
	.sort_index .right a.active,
	.three_nav .item a.active{
		background: url(../images/icon_cir.png) no-repeat center left 12px;
		background-size: auto 60%;
	}
	.three_nav{
		top: 55px;
	}
	.gas_detection .item .text_box{
		font-size: 15px;
	}
	.gas_detection .item .img_box{
		width: 40%;
	}
	.gas_detection .item .world{
		width: 54%;
	}
	.fire_control .item .btn{
		margin:25px 0;
	}
	.fire_control .item .btn a{
		font-size: 16px;
	}
	.fire_control .item .text{
		font-size: 15px;
	}
	.fire_control .item h6{
		font-size: 20px;
	}
	.product_yy .list h6{
		font-size: 15px;
	}
	.gas_detection .item h4,
	.fire_control .item h4{
		font-size: 28px;
	}
	.two_nav_p .left{
		width: 325px;
		padding: 20px;
	}
	.two_nav_p .left .til img{
		width: 8px;
	}
	.two_nav_p .left .til h4{
		font-size: 15px;
	}
	.two_nav_p .left a{
		font-size: 13px;
		line-height: 32px;
	}
	.two_nav_p .right{
		padding: 20px;
	}
	.two_nav_p .right.active{
		width: calc(100% - 325px);
	}
	.two_nav_p .right .item_pro{
		margin: 0 10px 10px 10px;
	}
	.two_nav_p .right .item_pro h4{
		max-width: 90%;
		margin: 10px auto 0 auto;
		font-size: 13px;
	}
	.two_nav_p .right .item_pro img{
		height: 116px;
	}
	.title_pro h4{
		font-size: 28px;
	}
	.pro_service .right .item img{
		height: 288px;
	}
	.pro_service .right .item .world{
		padding: 40px 20px;
	}
	.pro_service .left .img_bg{
		height: 450px;
	}
	.seletion h4{
		font-size: 22px;
	}
	.seletion a{
		font-size: 15px;
	}
	.product_list .group .item img{
		height: 285px;
	}
	.solution .group .item h4{
		font-size: 18px;
	}
	.solution .group .item h6{
		font-size: 14px;
	}
	.solution .group .item a>img{
		height: 227px;
	}
	.negotiation_form h4{
		font-size: 28px;
		margin-bottom: 20px;
	}
	.negotiation_form .item input{
		line-height: 45px;
	}
	.case .item img{
		height: 278px;
	}
	.case .item .world{
		padding: 20px;
	}
	.download .item{
		padding: 20px 0;
	}
	.download .item>div{
		font-size: 16px;
	}
	.download .item a{
		line-height: 36px;
		width: 100px;
	}
	.download .item a img{
		width: 10px;
	}
	.page_number a{
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	.problem .item a{
		padding: 20px 0;
	}
	.problem .item h4{
		font-size: 16px;
	}
	.problem .item img{
		display: block;
		width: 12px;
	}
	.videoGroup .item video,
	.news .item img{
		height: 222px;
	}
	.service_after .top_til{
		line-height: 1;
		font-size: 28px;
	}
	.rich_text h4{
		font-size: 18px;
	}
	.news_show .right .til{
		margin-bottom: 20px;
	}
	.news_show .right .item img{
		height: 152px;
	}
	.news_show .right .item h4{
		font-size: 15px;
	}
	.solution_two .item img{
		height: 190px;
	}
	.product_show .swiper-pro-show-top .swiper-slide img{
		height: 437px;
	}
	.product_show .swiper-pro-show-bom .swiper-slide img{
		height: 70px;
	}
	.product_show .top .right a{
		width: 240px;
		margin-top: 35px;
	}
	.product_show .tab_til div{
		font-size: 15px;
		line-height: 45px;
	}
	.introduce .item .num{
		font-size: 66px;
		height: 60px;
	}
	.introduce .item .down_sub{
		font-size: 26px;
	}
	.introduce .item .down_sub span{
		font-size: 20px;
	}
	.culture .group_bg{
		height: 578px;
	}
	.history .item .circle{
		left: -9.5%;
	}
	.history .item .time{
		font-size: 48px;
	}
	.history .item .text{
		font-size: 15px;
	}
	.gallery-base-top .swiper-slide img{
		height: 493px;
	}
	.gallery-base-bom .swiper-slide img{
		height: 100px;
	}
	.group_equipment .item img{
		height: 167px;
	}
	.development .item .world{
		padding: 5%;
	}
	.honor .item .img_box{
		height: 294px;
	}
	.invest .item{
		padding: 20px 0;
	}
	.invest .item .til{
		font-size: 16px;
	}
	.invest .item .icon_item img{
		width: 24px;
	}
	.video_center video{
		height: 542px;
	}
	.personnel .container{
		width: 1200px;
	}
	.personnel img{
		width: 32%;
	}
	.personnel_post .top h4,
	.personnel_post_show .top h4{
		font-size: 28px;
	}
	.personnel_post_show .bottom .rich_text{
		font-size: 15px;
		line-height: 32px;
	}
	.personnel_post_show .top{
		font-size: 15px;
	}
	.product_show .swiper-button-next-pro, .product_show .swiper-button-prev-pro{
		bottom: 25px;
	}
	.pro_list img{
		height: 256px;
	}
	.search_pop_up .logo_search{
		width: 200px;
		margin-bottom: 10px;
	}
	.search_pop_up .item,
	.search_pop_up .bottom{
		padding: 10px 0;
	}
	.search_pop_up .item button{
		margin-right: 20px;
	}
	.float_window .img_item{
		width: 380px;
	}






}

/* ---------------------------------------1367--------------------------------------- */
@media(max-width:1367px) {

}

/* ---------------------------------------1200--------------------------------------- */
@media(max-width:1200px) {
	.hidden-lg,
	.hidden-sm,
	.hidden-sx{
		display: block;
	}
	.hidden-md{
		display: none;
	}

	.visible-lg,
	.visible-sm,
	.visible-xs{
		display: none;
	}
	.visible-md{
		display: block;
	}
	.container{
		width: 970px;
	}
	.product_index .item_01 .pro, .product_index .item_02 .pro{
		height: 315px;
	}
	.product_index .item_03 .pro{
		height: 229px;
	}
	.title h4{
		font-size: 32px;
	}
	.solution_index .cont .item a>img{
		height: 133px;
	}
	.about_index .two_nav a{
		font-size: 14px;
		padding: 0 15px;
	}
	.enterprise_style_index .swiper-slide img{
		height: 136px;
	}
	.news_index .left img{
		height: 282px;
	}
	.news_index .left .world{
		padding: 15px;
	}
	.news_index .left h4{
		font-size: 16px;
	}
	.news_index .right .item .time div:nth-child(1){
		font-size: 36px;
	}
	.news_index .right .item a{
		padding: 15px;
	}
	.news_index .right .world h4{
		line-height: 1;
		margin-bottom: 8px;
	}
	.gas_detection .item,
	.fire_control .item{
		padding: 80px 0;
	}
	.gas_detection .item .btn,
	.fire_control .item .btn{
		margin-top: 20px;
		font-size: 15px;
	}
	.gas_detection .item .text,
	.gas_detection .item .text_box{
		font-size: 15px;
	}
	/* .fire_control .item .text{
		min-height: 220px;
	} */
	.two_nav_p{
		display: none;
	}
	.pro_service .right .item img,
	.product_list .group .item img{
		height: 228px;
	}
	.pro_service .left .img_bg{
		height: 364px;
	}
	.pro_service .right .item .world,
	.product_list .group .item .world{
		padding: 25px 20px;
	}
	.nav_two_dropDown_pro dd{
		width: calc(100% /6);
	}
	.product_show .swiper-pro-show-top .swiper-slide img{
		height: 353px;
	}
	.product_show .swiper-pro-show-bom .swiper-slide img{
		height: 60px;
	}
	.product_show .swiper-button-next-pro, .product_show .swiper-button-prev-pro{
		bottom: 20px;
	}
	.product_show .swiper-button-next-pro{
		right: 15px;
	}
	.product_show .swiper-button-prev-pro{
		left: 15px;
	}
	.product_show .top .right h4{
		font-size: 28px;
		margin-bottom: 15px;
	}
	.product_show .top .right .text{
		font-size: 14px;
		line-height: 24px;
	}
	.sort_index{
		display: none;
	}
	.solution .group .item a>img{
		height: 181px;
	}
	.solution_two .item img{
		height: 184px;
	}
	.case .item img{
		height: 221px;
	}
	.videoGroup .item video, .news .item img{
		height: 177px
	}
	.news_show .left{
		width: 100%;
	}
	.news_show .right{
		display: none;
	}
	.right_menu{
		display: none;
	}
	.culture .group_bg{
		height: 468px;
	}
	.culture .item img{
		width: 60px;
	}
	.culture .item h4{
		font-size: 28px;
	}
	.history .item .circle{
		left: -8%;
		top: 8px;
	}
	.history .item .time{
		font-size: 40px;
	}
	.gallery-base-top .swiper-slide img{
		height: 400px;
	}
	.group_equipment .item img{
		height: 133px;
	}
	.development .til{
		font-size: 30px;
	}
	.development .item .special{
		font-size: 15px;
		line-height: 36px;
	}
	.honor .item .img_box{
		height: 219px;
	}
	.video_center video{
		height: 440px;
	}
	.contact #map{
		height: 450px;
	}
	.contact .group{
		margin-top: -80px;
	}
	.contact .item{
		padding:55px 30px;
		font-size: 14px;
	}
	.contact .item .big{
		font-size: 16px;
	}
	.contact .item h4{
		margin-bottom: 10px;
		font-size: 16px;
	}
	.personnel .container{
		width: 970px;
	}
	.three_nav_wap{
		display: block;
	}
	.three_nav_wap .item{
		display: flex;
		justify-content: flex-end;
	}
	.three_nav_wap .item a{
		font-size: 14px;
		color: #fff;
		display: block;
		padding-left: 40px;
	}
	.three_nav_wap .item a:hover{
		opacity: 0.8;
	}
	.three_nav_wap .item a.active{
		background: url(../images/icon_cir.png) no-repeat center left 15px;
	}
	.three_nav_wap{
		background: #8f959f;
		width: 100%;
		padding: 10px 0;
		transition: all linear 0.2s;
		z-index: 2;
	}
	.three_nav_wap .item{
		width: 100%;
	}
	.pro_list img{
		height: 198px;
	}
	.float_window{
		display: none;
	}










}

/* ---------------------------------------992--------------------------------------- */
@media(max-width:992px) {


	.hidden-lg,
	.hidden-md,
	.hidden-sx{
		display: block;
	}
	.hidden-sm{
		display: none;
	}

	.visible-lg,
	.visible-md,
	.visible-xs{
		display: none;
	}
	.visible-sm{
		display: block;
	}
	.container{
		width: 100%;
		padding: 0 15px;
	}
	/*面包屑隐藏*/
	.water_bread{
		display:none;
	}

	/* 手机端隐藏 */
	.header{
		display: none;
	}

	/* 手机端显示 */
	body,body.show{
		padding: 56px 0;
	}
	.footer_wap{
		display: flex;
		align-items: center;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		background: #ff6000;
		padding: 8px 0;
		z-index: 10;
	}
	.footer_wap a{
		color: #fff;
		display: block;
		width: 25%;
		line-height: 20px;
		text-align: center;
		font-size: 15px;
		position: relative;
	}
	.footer_wap a::after{
		content: '';
		width: 1px;
		height: 20px;
		background: rgba(255, 255, 255, 0.4);
		position: absolute;
		right: 0;
		top: 50%;
		transform: translate(0,-50%);
	}
	.footer_wap a:last-child::after{
		display: none;
	}
	.header_wap{
		display: block;
		background: #f8f8f8;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		padding: 15px 0;
		z-index: 20;
	}
	.header_wap .container{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.header_wap .logo_wap img{
		width: 160px;
		display: block;
	}
	.header_wap .right{
		display: flex;
		align-items: center;
	}
	.header_wap .right>div{
		cursor: pointer;
		margin-left: 25px;
		position: relative;
	}
	.header_wap .right img{
		width: 24px;
		display: block;
	}
	.header_wap .right .icon_menu .img_gb{
		display: none;
	}
	.header_wap .right .icon_menu.active .img_menu{
		display: none;
	}
	.header_wap .right .icon_menu.active .img_gb{
		display: block;
	}
	.search_wap_show{
		width: 100%;
		background: #ffffff;
		position: absolute;
		left: 0;
		top: 56px;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 20px 0;
		transition: all linear 0.2s;
		visibility: hidden;
		opacity: 0;
	}
	.search_wap_show.active{
		visibility: visible;
		opacity: 1;
	}
	.search_wap_show form{
		background: #f8f8f8;
		width: 400px;
		max-width: 90%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 5px 20px;
		border-radius: 30px;
	}
	.search_wap_show form input{
		line-height: 30px;
		background: transparent;
		border: 0;
		display: block;
		width: calc(100% - 60px);
		font-size: 15px;
	}
	.search_wap_show form button img{
		display: block;
		width: 24px;
	}
	.pop_bg{
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.2);
		z-index: 2;
		transition: all linear 0.2s;
		visibility: hidden;
		opacity: 0;
	}
	.pop_bg.active{
		visibility: visible;
		opacity: 1;
	}
	.wap_nav{
		position: fixed;
		left: 0;
		top: 56px;
		background: #fff;
		width: 100%;
		height: 100%;
		overflow: scroll;
		transition: all linear 0.2s;
		visibility: hidden;
		opacity: 0;
	}
	.wap_nav.active{
		visibility: visible;
		opacity: 1;
	}
	.wap_nav li{
		border-bottom: 1px solid #eee;
	}
	.wap_nav li>a{
		font-size: 16px;
		color: #333;
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: relative;
		padding: 10px 15px;
	}
	.wap_nav li>a span{
		font-size: 30px;
		line-height: 20px;
		position: absolute;
		right: 15px;
		top: 12px;
		display: block;
		color: #ff6000;
	}
	.wap_nav li>a span:nth-child(2){
		width: 20px;
		height: 3px;
		background: #ff6000;
		top: 24px;
		display: none;
	}
	.wap_nav li.active>a{
		background: #fef0e1;
		color: #ff6000;
	}
	.wap_nav li.active span:nth-child(1){
		display: none;
	}
	.wap_nav li.active span:nth-child(2){
		display: block;
	}

	.wap_nav li dl{
		padding: 10px 15px;
		display: none;
	}
	.wap_nav li dd>a{
		color: #333;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		line-height: 30px;
		font-size: 14px;
	}
	.wap_nav li .three_nav_wap_i{
		padding: 0 0 0 15px;
		display: none;
	}
	.wap_nav li .three_nav_wap_i a{
		display: block;
		font-size: 12px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		line-height: 30px;
		color: #333;
	}
	.wap_nav li .three_dd a.active{
		color: #ff6000;
	}

	.footer{
		padding: 35px 0 0 0;
	}
	.footer .top{
		display: block;
	}
	.footer .top .left{
		width: 100%;
	}
	.footer .top form{
		display: block;
		margin-top: 15px;
	}
	.footer .top input{
		width: 100%;
		margin-bottom: 10px;
	}
	.footer .top button{
		width: 120px;
	}
	.footer .top .right{
		width: 100%;
		display: block;
	}
	.footer .top .right .text,
	.footer .top .right .num{
		display: none;
	}
	.footer .top .right .icon_group{
		justify-content: center;
		margin-top: 20px;
		padding-top: 20px;
		border-top: rgba(167,172,179,0.2) solid 1px;
	}
	.footer .bottom{
		display: none;
	}
	.copyright{
		padding: 15px 0;
		border-top: 0;
	}
	.copyright span,
	.copyright a{
		display: block;
	}
	.copyright br{
		display: none;
	}

	.history .group{
		padding-left: 114px;
	}
	.honor .item .img_box{
		height: 160px;
	}
	.personnel .container{
		width: 100%;
	}
	.case .item img{
		height: 175px;
	}
	.pro_service .right .item img,
	.product_list .group .item img{
		height: 182px;
	}	.swiper-pro-show-top .swiper-wrapper,
		 .swiper-pro-show-top .swiper-wrapper .swiper-slide,
		 .swiper-pro-show-bom .swiper-wrapper,
		 .swiper-pro-show-bom .swiper-wrapper .swiper-slide{
			 height: auto;
		 }
	.product_show .swiper-pro-show-top .swiper-slide img{
		height: 270px;
	}
	.videoGroup .item video, .news .item img{
		height: 140px;
	}
	.solution .group .item a>img{
		height: 136px;
	}
	.solution .group .item .world{
		bottom: 12px;
		padding: 0 12px;
	}
	.pro_service .left .img_bg{
		height: 300px;
	}
	.culture .group{
		width: calc(100% - 30px);
		left: 15px;
	}
	.product_index .item_01 .pro, .product_index .item_02 .pro{
		height: 256px;
	}
	.product_index .item_03 .pro{
		height: 185px;
	}
	.solution_index .cont .item .world{
		bottom: 12px;
		padding: 0 12px;
	}
	.two_nav_box{
		overflow: auto;
	}
	.two_nav_box::-webkit-scrollbar{
		display:none
	}
	.two_nav{
		display: inline-block;
		white-space: nowrap;
	}
	.two_nav a{
		display: inline-block;
		margin-right: 15px;
	}
	.about_index .cont{
		display: block;
	}
	.about_index .left,.about_index .right{
		width: 100%;
	}
	.about_index .title .text{
		padding-right: 0;
	}
	.about_index .content{
		margin: 25px 0;
	}
	.strength_index .img_bg{
		height: 500px;
	}
	.enterprise_style_index .swiper-slide img{
		height: 155px;
	}
	.hahahahah{
	    visibility: visible;
		opacity: 1;
	}



}

/* ---------------------------------------767--------------------------------------- */
@media(max-width:767px) {

	.hidden-lg,
	.hidden-md,
	.hidden-sm{
		display: block;
	}
	.hidden-xs{
		display: none;
	}

	.visible-lg,
	.visible-md,
	.visible-sm{
		display: none;
	}
	.visible-xs{
		display: block;
	}

	.banner a{
		display: flex;
		justify-content: center;
		overflow: hidden;
	}
	.banner img{
		height: 150px;
		width: auto;
	}
	.introduce .rich_text h4,
	.base .rich_text h4{
		line-height: 1;
		margin-top: 0;
		font-size: 22px;
	}
	.base{
		padding: 10px 0 30px 0;
	}
	.base .swiper-box{
		margin-top: 0;
	}
	.gallery-base-top .swiper-slide img{
		height: 158px;
	}
	.gallery-base-bom{
		position: initial;
		padding: 10px 0;
	}
	.gallery-base-bom .swiper-slide img{
		height: 36px;
	}
	.gallery-base-bom .swiper-slide h4{
		display: none;
	}
	.equipment_box{
		margin-top: 30px;
	}
	.equipment_box .til{
		font-size: 22px;
	}
	.group_equipment{
		width: 100%;
		margin-left: 0;
		justify-content: space-between;
	}
	.group_equipment .item{
		width: 48%;
		margin: 0 0 10px 0;
	}
	.group_equipment .item img{
		height: 133px;
	}
	.contact #map{
		height: 360px;
	}
	.contact .group{
		margin: 30px 0 20px 0;
		width: 100%;
	}
	.contact .item{
		width: 100%;
		margin: 0 0 10px 0;
		padding: 15px;
	}
	.contact .item h4{
		margin-bottom: 5px;
	}
	.culture{
		padding: 28px 0;
	}
	.culture .group{
		position: initial;
		display: block;
		width: 100%;
		height: auto;
	}
	.culture .group_bg{
		display: none;
	}
	.culture .item{
		width: 100%;
		height: auto;
		background: #3a4e66;
		padding: 15px;
		margin: 2px 0;
	}
	.culture .item img{
		width: 30px;
	}
	.culture .item .line{
		width: 15px;
		margin: 10px 0;
	}
	.culture .item h4{
		font-size: 15px;
	}
	.culture .item h6{
		font-size: 13px;
		margin: 10px 0;
	}
	.culture .item .text{
		font-size: 14px;
	}
	.development{
		padding: 30px 0;
	}
	.development .til{
		font-size: 22px;
		margin-bottom: 15px;
	}
	.development .group{
		margin-bottom: 15px;
	}
	.development .item{
		background: #eee;
	}
	.development .item img{
		display: none;
	}
	.development .item .world{
		width: 100%;
		position: initial;
	}
	.development .item .special{
		line-height: 28px;
	}
	.history{
		padding: 30px 0;
	}
	.history .til img{
		width: 88px;
	}
	.history .group{
		padding-left: 70px;
	}
	.history .group::after{
		left: 44px;
	}
	.history .item .circle{
		width: 16px;
		height: 16px;
		left: -10.5%;
	}
	.history .item .circle div{
		width: 6px;
		height: 6px;
	}
	.history .item .time{
		font-size: 30px;
	}
	.history .item .text{
		font-size: 14px;
	}
	.history .item{
		margin-bottom: 20px;
	}
	.honor{
		padding: 30px 0;
	}
	.honor .group{
		width: 100%;
		justify-content: space-between;
		margin-left: 0;
		margin-bottom: 10px;
	}
	.honor .item{
		width: 48%;
		margin: 0 0 10px 0;
		padding: 10px;
	}
	.honor .item h4{
		margin-top: 5px;
	}
	.honor .item .img_box{
		height: 210px;
	}
	.page_number a{
		width: 30px;
		height: 30px;
		margin: 0 2px;
		line-height: 30px;
		font-size: 13px;
	}
	.introduce{
		padding: 10px 0 30px 0;
	}
	.introduce #maps{
		height: 300px;
	}
	.introduce .group{
		margin: 20px 0;
		flex-flow: wrap;
	}
	.introduce .item{
		width: 50%;
	}
	.introduce .item p{
		height: 46px;
		font-size: 13px;
	}
	.introduce .item .num{
		font-size: 55px;
	}
	.introduce .item .down_sub span{
		font-size: 16px;
	}
	.introduce .item .down_sub{
		font-size: 22px;
	}
	.invest{
		padding: 30px 0;
	}
	.invest .item{
		display: block;
		padding: 10px 0;
	}
	.invest .item .left{
		width: 100%;
		justify-content: space-between;
	}
	.invest .item .til{
		font-size: 15px;
		width: calc(100% - 60px);
	}
	.invest .item .til span{
		display: none;
	}
	.invest .item .time{
		font-size: 13px;
		width: 100%;
		display: block;
	}
	.invest .item .icon_item{
		width: 55px;
		display: flex;
		justify-content: space-between;
	}
	.invest .item .icon_item img{
		margin-right: 0;
		width: 20px;
	}
	.invest .item .icon_item a{
		margin-right: 0;
		width: 20px;
		height: 18px;
	}
	.page_number{
		margin-top: 20px;
	}
	.orgin{
		padding: 20px 0;
	}
	.video_center{
		padding: 30px 0;
	}
	.video_center .til{
		font-size: 18px;
		margin-bottom: 15px;
	}
	.video_center video{
		height: 175px;
	}
	.personnel .group{
		padding: 30px 0;
	}
	.three_nav_wap .item a{
		padding-left: 28px;
	}
	.three_nav_wap .item a.active{
		background: url(../images/icon_cir.png) no-repeat center left 8px;
	}
	.personnel .container{
		display: block;
	}
	.personnel .world,.personnel img{
		width: 100%;
	}
	.personnel .world h4{
		font-size: 18px;
		margin-bottom: 5px;
		line-height: 1.5;
	}
	.personnel .world .text{
		line-height: 24px;
		margin-bottom: 10px;
	}
	.personnel_post{
		padding: 30px 0;
	}
	.personnel_post .group{
		padding: 15px;
	}
	.personnel_post .top{
		display: block;
		margin-bottom: 6px;
	}
	.personnel_post .top h4{
		font-size: 20px;
	}
	.personnel_post .center{
		padding: 0;
		background: transparent;
	}
	.personnel_post .item{
		width: 100%;
	}
	.personnel_post .item h4{
		margin-bottom: 8px;
		padding-bottom: 8px;
		font-size: 16px;
	}
	.personnel_post .btn{
		margin-top: 10px;
	}
	.personnel_post .btn img{
		margin-top: 5px;
	}
	.personnel_post .item{
		height: 225px;
	}
	.personnel_post_show .top{
		padding: 20px 0;
	}
	.personnel_post_show .top .til{
		display: block;
		margin-bottom: 5px;
	}
	.personnel_post_show .top h4{
		font-size: 20px;
		margin-bottom: 5px;
	}
	.personnel_post_show .bottom{
		padding-bottom: 20px;
	}
	.personnel_post_show .bottom .rich_text h4{
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
	.personnel_post_show .bottom .rich_text{
		font-size: 14px;
		line-height: 28px;
	}
	.personnel_welfare{
		padding: 10px 0;
	}
	.personnel_welfare .rich_text h4{
		margin-top: 0;
		font-size: 20px;
		line-height: 1;
	}
	.case{
		padding: 30px 0;
	}
	.case .group{
		width: 100%;
		justify-content: space-between;
		margin-left: 0;
	}
	.case .item{
		width: 48%;
		margin: 0 0 10px 0;
	}
	.case .item img{
		height: 135px;
	}
	.case .item .world{
		padding: 10px;
	}
	.case .item h4{
		margin-bottom: 0;
	}
	.solution_show{
		padding: 0;
	}
	.solution_show .rich_text h4{
		margin: 5px 0;
	}
	.bottom_show{
		padding-top: 10px;
		margin-top: 10px;
	}
	.bottom_show span{
		font-size: 14px;
		width:100%
	}
	.bottom_show .btn{
		position: initial;
		margin: 10px auto 30px auto;
	}
	.gas_detection .item, .fire_control .item{
		padding: 30px 0;
	}
	.gas_detection .item .container, .fire_control .item .container{
		display: block;
	}
	.fire_control .item .world,.fire_control .item .img_box,
	.gas_detection .item .world,.gas_detection .item .img_box{
		width: 100%;
		padding: 0;
	}
	.gas_detection .item h4, .fire_control .item h4{
		font-size: 20px;
		margin-bottom: 10px;
	}
	.fire_control .item .btn{
		justify-content: space-between;
		margin: 0;
	}
	.fire_control .item .btn a{
		font-size: 14px;
		margin-right: 0px;
		line-height: 32px;
		width: 24%;
	}
	.fire_control .item .text{
		margin-top: 10px;
		max-height: initial;
		overflow: initial;
	}
	.fire_control .item .img_box img,
	.gas_detection .item .img_box img{
		max-width: 80%;
		margin:0 auto;
	}
	.banner_big img{
		height: 180px;
	}
	.gas_detection .item .btn, .fire_control .item .btn{
		margin-top: 0px;
		margin-bottom: 10px;
	}
	.news{
		padding: 30px 0;
	}
	.news .group{
		width: 100%;
		margin-left: 0;
	}
	.news .item{
		width: 100%;
		margin: 0 0 20px 0;
		padding-bottom: 20px;
		border-bottom: 1px dashed #ddd;
	}
	.news .item .world{
		padding-bottom: 10px;
	}
	.videoGroup .item video, .news .item img{
		height: 224px;
	}
	.news .item .time, .news_show .time{
		margin-bottom: 10px;
	}
	.news_show{
		padding: 30px 0;
	}
	.news_show .top{
		margin-bottom: 15px;
		padding-bottom: 10px;
	}
	.news_show .top h2{
		font-size: 24px;
	}
	.news_show .top .text_ori{
		margin-top: 10px;
	}
	.news_show .bottom_show .btn{
		margin-bottom: 0;
	}
	.product_list{
		padding: 30px 0;
	}
	.seletion{
		margin-bottom: 15px;
	}
	.seletion h4{
		font-size: 20px;
		margin-bottom: 5px;
		padding-bottom: 10px;
	}
	.seletion .tip_a{
		width: calc(100% + 20px);
		margin-left: -10px;
	}
	.seletion a{
		font-size: 14px;
		margin: 2px 10px;
	}
	.product_list .group{
		width: 100%;
		justify-content: space-between;
		margin-left: 0;
	}
	.product_list .group .item{
		width: 48%;
		margin: 0 0 15px 0;
	}
	.pro_service .right .item .world,
	.product_list .group .item .world{
		padding: 10px;
	}
	.product_list .group .item h4{
		font-size: 15px;
		padding-bottom: 5px;
		margin-bottom: 5px;
	}
	.product_show{
		padding: 30px 0;
	}
	.product_show .top{
		display: block;
	}
	.product_show .top .left,
	.product_show .top .right{
		width: 100%;
	}
	.product_show .swiper-pro-show-bom .swiper-slide img{
		height: 50px;
	}
	.product_show .swiper-button-next-pro, .product_show .swiper-button-prev-pro{
		bottom: 15px;
	}
	.product_show .swiper-button-next-pro{
		right: 5px;
	}
	.product_show .swiper-button-prev-pro{
		left: 5px;
	}
	.product_show .top .right h4{
		font-size: 24px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.product_show .top .right a{
		width: 180px;
		margin-top: 15px;
	}
	.product_show .cont{
		margin-top: 20px;
		overflow: hidden;
	}
	.product_show .bottom_show .btn{
		margin-bottom: 0;
	}
	.product_show .rich_text{
		padding: 0;
		overflow-x: scroll;
	}
	.product_show .til_box{
		overflow: auto;
		height: 42px;
		position: relative;
		margin-bottom: 10px;
	}
	.product_show .tab_til{
		white-space: nowrap;
		display: inline-block;
	}
	.product_show .tab_til div{
		font-size: 14px;
		line-height: 40px;
		width: auto;
		padding: 0 15px;
		display: inline-block;
	}
	.product_show .til_box::-webkit-scrollbar{
		display:none
	}
	.pro_list_group{
		width: 100%;
		margin: 0;
		justify-content: space-between;
	}
	.pro_list{
		width: 48%;
		margin: 0 0 10px 0;
	}
	.pro_list img{
		height: 162px;
	}
	.search_result .til{
		font-size: 15px;
		margin-bottom: 10px;
	}
	.search_result .list a{
		display: block;
	}
	.search_result .list .btn{
		display: none;
	}
	.search_result .list h4{
		font-size: 16px;
	}
	.search_result .list{
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.search_result .list .left{
		width: 100%;
	}
	.search_result .list .left img{
		width: 100px;
		height: 100px;
		margin-right: 15px;
	}
	.search_result .list_pro .world{
		width: calc(100% - 115px);
	}
	.search_result{
		padding: 25px 0;
	}
	.service_after{
		padding: 30px 0 0 0;
	}
	.service_after .top_til{
		font-size: 24px;
	}
	.negotiation_form{
		padding: 30px 0;
	}
	.negotiation_form .item input{
		line-height: 36px;
		font-size: 14px;
	}
	.negotiation_form .item label, .negotiation_form .item_textarea label, .negotiation_form .item_checkbox label{
		font-size: 14px;
	}
	.negotiation_form .item{
		margin-bottom: 10px;
	}
	.negotiation_form .item_textarea textarea{
		height: 120px;
	}
	.negotiation_form .item_checkbox{
		margin-top: 0;
	}
	.negotiation_form .item_checkbox div{
		font-size: 14px;
		margin: 2px 15px;
	}
	.negotiation_form button{
		width: 200px;
	}
	.download{
		padding: 30px 0;
	}
	.download .item{
		padding: 15px 0;
	}
	.download .item a{
		width: 80px;
		line-height: 30px;
	}
	.download .item>div{
		font-size: 15px;
		width: calc(100% - 90px);
		display: block;
	}
	.download .item>div span{
		display: none;
	}
	.problem{
		padding: 30px 0;
	}
	.problem .item a{
		padding: 10px 0;
	}
	.problem .item h4{
		display: block;
		font-size: 15px;
	}
	.problem .item img{
		width: 10px;
	}
	.problem_show .top_til{
		font-size: 24px;
		margin-top: 25px;
	}
	.videoGroup{
		padding: 30px 0;
	}
	.videoGroup .group{
		width: 100%;
		justify-content: space-between;
		margin-left: 0;
	}
	.videoGroup .item{
		width: 100%;
		margin: 0 0 15px 0;
	}
	.videoGroup .item video{
		height: 220px;
	}
	.solution{
		padding: 30px 0 15px 0;
	}
	.solution .group{
		width: 100%;
		margin-left: 0;
		justify-content: space-between;
	}
	.solution .group .item{
		width: 48%;
		margin: 0 0 15px 0;
	}
	.solution .group .item h4{
		font-size: 15px;
		display: block;
	}
	.solution .group .item h6{
		font-size: 13px;
	}
	.solution .group .item h4 img{
		display: none;
	}
	.solution_two{
		padding: 30px 0;
	}
	.solution_two .item a{
		display: block;
	}
	.solution_two .item img,
	.solution_two .item .world{
		width: 100%;
	}
	.solution_two .item img{
		height: 226px;
		margin-bottom: 10px;
	}
	.solution_two .item h4{
		font-size: 16px;
		margin-bottom: 5px;
	}
	.solution_two .item .btn{
		margin-top: 10px;
	}
	.solution_two .item a{
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.pro_service{
		padding: 15px 0;
	}
	.pro_service .left{
		display: none;
	}
	.title_pro{
		margin-bottom: 15px;
	}
	.title_pro h4{
		font-size: 20px;
	}
	.pro_service .right{
		width: 100%;
		justify-content: space-between;
		flex-flow: wrap;
	}
	.pro_service .right .item{
		width: 48%;
		margin: 0 0 15px 0;
	}
	.pro_service .right .item:nth-child(3){
		display: none;
	}
	.pro_service .group_pro{
		padding: 15px 0 0 0;
	}
	.pro_service .right .item h4{
		padding-bottom: 5px;
		margin-bottom: 5px;
		font-size: 15px;
	}

	.banner .swiper-slide{
		display: flex;
		justify-content: center;
		width: 100%;
		overflow: hidden;
	}
	.banner .swiper-wrapper{
		height: auto;
	}
	.banner .swiper-slide .bar_img,
	.banner .swiper-slide video{
		height: 160px !important;
		width: auto;
	}
	.title_wap{
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-flow: wrap;
		margin-bottom: 15px;
	}
	.title_wap h4{
		font-size: 20px;
		color: #3b4f67;
	}
	.title_wap a{
		width: 60px;
		text-align: center;
		background: #3a4e66;
		color: #fff;
		color: #fff;
		line-height: 30px;
		border-radius: 18px;
		font-size: 12px;
	}
	.title_wap .text{
		width: 100%;
		margin-top: 10px;
		color: #8f959f;
	}
	.product_index{
		padding: 30px 0 15px 0;
	}
	.swiper-product-til .swiper-slide{
		font-size: 14px;
		line-height: 45px;
	}
	.swiper-product-til .swiper-slide.current{
		font-size: 15px;
	}
	.product_index .cont .top{
		display: none;
	}
	.product_index .cont .bom{
		justify-content: space-between;
		padding: 0 12px;
	}
	.product_index .cont .bom .item{
		display: none;
	}
	.product_index .cont .bom .item:nth-child(1),
	.product_index .cont .bom .item:nth-child(2),
	.product_index .cont .bom .item:nth-child(3),
	.product_index .cont .bom .item:nth-child(4){
		display: block;
	}
	.product_index .item_03{
		width: 48%;
		margin: 0 0 15px 0;
	}
	.product_index .item_03 .pro{
		height: 135px;
	}
	.product_index .tab_con{
		margin-top: 0;
	}
	.swiper-product-til{
		padding-bottom: 0;
	}
	.solution_index .cont{
		width: 100%;
		margin-left: 0;
		margin-top: 10px;
	}
	.solution_index .cont .item{
		width: 100%;
		margin: 0 0 10px 0;
		display: none;
	}
	.solution_index .cont .item a>img{
		height: 225px;
	}
	.solution_index .cont .item .world{
		padding: 0 20px;
		bottom: 20px;
	}
	.solution_index .cont .item:nth-child(1),
	.solution_index .cont .item:nth-child(2),
	.solution_index .cont .item:nth-child(3),
	.solution_index .cont .item:nth-child(4){
		display: block;
	}
	.about_index{
		padding: 20px 0;
	}
	.about_index .two_nav{
		display: none;
	}
	.about_index .cont{
		padding-top: 0;
	}
	.about_index .cont{
		display: flex;
		flex-flow: column-reverse;
		padding-bottom: 0;
	}
	.about_index .right #maps{
		height: 300px;
	}
	.about_index .top, .about_index .bom{
		justify-content: center;
		flex-flow: wrap;
		margin: 0;
	}
	.about_index .top .item, .about_index .bom .item{
		width: 50%;
		margin: 10px 0;
	}
	.about_index .item .num{
		font-size: 55px;
		height: 50px;
	}
	.about_index .item .down_sub span{
		font-size: 16px;
	}
	.about_index .item .down_sub {
		font-size: 22px;
	}
	.about_index .content{
		margin-bottom: 0;
	}
	.strength_index .container{
		padding: 0;
	}
	.strength_index .til{
		font-size: 18px;
		padding: 0 12%;
		margin-bottom: 25px;
	}
	.strength_index .img_bg{
		height: 300px;
	}
	.enterprise_style_index .top{
		display: none;
	}
	.strength_index .cont{
		padding: 30px 0;
	}
	.strength_index .cont .world{
		width: 100%;
	}
	.strength_index .item{
		border-radius: 8px;
		padding: 15px;
	}
	.enterprise_style_index .swiper-slide img{
		height: 238px;
	}
	.enterprise_style_index{
		padding-bottom: 30px;
	}
	.enterprise_style_index .swiper-slide{
		border: 6px solid #eee;
	}
	.swiper-enterprise{
		padding-bottom: 30px;
	}
	.swiper-enterprise .swiper-pagination{
		bottom: 0;
	}
	.swiper-enterprise .swiper-pagination .swiper-pagination-bullet{
		width: 20px;
		height: 6px;
		border-radius: 4px;
	}
	.swiper-enterprise .swiper-pagination-bullet-active{
		background: #3a4e66;
	}
	.swiper-strength{
		display: block;
	}
	.strength_index .group_pc{
		display: none !important;
	}
	.strength_index .swiper-wrapper{
		flex-flow: nowrap;
		justify-content: initial;
		height: auto;
	}	.strength_index .swiper-wrapper .swiper-slide{
			 height: auto;
		 }

	.news_index .top{
		display: block;
	}
	.tab_til_news_box{
		overflow: auto;
	}
	.tab_til_news_box::-webkit-scrollbar{
		display:none
	}
	.tab_til_news{
		display: inline-block;
		white-space: nowrap;
	}
	.tab_til_news a{
		display: inline-block;
		margin-right: 15px;
	}
	.news_index{
		padding: 25px 0;
	}
	.news_index .tab_til_news div{
		padding: 0 20px;
		line-height: 40px;
		font-size: 14px;
		margin-left: 0;
		margin-right: 10px;
	}
	.news_index .cont{
		display: block;
		margin-top: 15px;
	}
	.news_index .left,
	.news_index .right{
		width: 100%;
	}
	.news_index .left img{
		height: 240px;
	}
	.news_index .right{
		margin-top: 10px;
	}
	.news_index .right .item a{
		border-bottom: 1px solid #eee;
		padding: 20px 0;
	}
	.news_index .right .item .time{
		width: 80px;
	}
	.news_index .right .item .world{
		width: calc(100% - 90px);
	}
	.news_index .right .item .time div:nth-child(1){
		font-size: 40px;
	}
	.product_yy .list h6{
		margin: 5px 0;
	}



}



/* ---------------------------------------395--------------------------------------- */
@media(max-width:395px) {
	.history .item .circle{
		left: -11.8%;
	}
	.banner .swiper-slide .bar_img,
	.banner .swiper-slide video{
		height: 175px !important;
		object-fit: cover;
	}
}



/* ---------------------------------------385--------------------------------------- */
@media(max-width:385px) {
	.gallery-base-top .swiper-slide img{
		height: 145px;
	}
	.group_equipment .item img{
		height: 115px;
	}
	.history .item .circle{
		left: -12.5%;
	}
	.honor .item .img_box{
		height: 185px;
	}
	.case .item img{
		height: 115px;
	}
	.videoGroup .item video, .news .item img{
		height: 200px;
	}
	.pro_service .right .item img, .product_list .group .item img{
		height: 162px;
	}
	.pro_list img{
		height: 140px;
	}
	.videoGroup .item video{
		height: 195px;
	}
	.solution .group .item a>img{
		height: 115px;
	}
	.solution_two .item img{
		height: 195px;
	}
	.banner_big img{
		height: 150px;
	}
	.development .item .special{
		display: block;
	}
	.product_index .item_03 .pro{
		height: 120px;
	}
	.solution_index .cont .item a>img{
		height: 202px;
	}
	.news_index .left img{
		height: 215px;
	}
	.enterprise_style_index .swiper-slide img{
		height: 218px;
	}
	.banner .swiper-slide{height:175px;}
	.banner .swiper-slide .bar_img,
	.banner .swiper-slide video{
		height: 175px !important;
		height: auto !important;
	}






}



/* ---------------------------------------340--------------------------------------- */
@media(max-width:340px) {
	.history .item .circle{
		left: -15%;
	}
	.honor .item .img_box{
		height: 150px;
	}
	.case .item img{
		height: 92px;
	}
	.videoGroup .item video, .news .item img{
		height: 170px;
	}
	.pro_service .right .item img, .product_list .group .item img{
		height: 130px;
	}
	.pro_list img{
		height: 115px;
	}
	.videoGroup .item video{
		height: 165px;
	}
	.solution .group .item a>img{
		height: 95px;
	}
	.solution_two .item img{
		height: 165px;
	}

	.product_index .item_03 .pro{
		height: 105px;
	}
	.solution_index .cont .item a>img{
		height: 180px;
	}
	.news_index .left img{
		height: 200px;
	}
	.enterprise_style_index .swiper-slide img{
		height: 202px;
	}
	.banner .swiper-slide .bar_img,
	.banner .swiper-slide video{
		height: 160px !important;
	}
}
/* ---------------------------------------临时新增样式--------------------------------------- */
/*面包屑导航*/
.water_bread{
	line-height:80px;
	font-size:14px;
	overflow:hidden;
}
.water_bread a:hover{
	color:#ff7019 !important;
	transition:all 0.3s;
}
.pro_service{
	padding-top:30px;
}
.product_list{
	padding-top:30px;
}
..product_list{
	padding-top:30px;
}
/*解决轮播不对齐*/
.product_index  .btn_next,.product_index  .btn_prev{
	top:1;
}
/*解决首页左右对齐*/
.swiper-product-til .swiper-wrapper{
	justify-content:space-between;
}
.swiper-product-til .swiper-wrapper .swiper-slide:nth-last-of-type(1){
	margin-right:0 !important;
}
/*解决不同设备变形*/
.product_index .item_03 .pro{
	height:auto !important;
}
/*放上展开*/
.right_menu::after{
	content:'OPEN';
	height:50px;
	width:50px;
	background-color:#ff7019;
	border-radius:50%;
	display:block;
	text-align:center;
	line-height:50px;
	color:white;
	opacity:1;
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	margin:auto;
	opacity:1;
	visibility:visible;
}
.right_menu{
	visibility:hidden;
}
.right_menu:hover{
	visibility:visible;
}
.right_menu:hover::after{
	display:none;
}
.my-search {
	width: 270px;
	height: 38px;
	top: 15px;
	border-radius: 20px;
	border: 1px solid #ddd;
	overflow: hidden;
}

.my-search #keyword {
	border: none;
	line-height: 22px;
	height: 22px;
	color: #666;
	margin: 7px 8px;
	padding: 0 10px;
	border-radius: 13px;
	width: 196px;
}
.my-search #head-sumbit {
	right: 0;
	top: 0;
	border: none;
	color: #fff;
	height: 36px;
	width: 50px;
	border-radius: 20px;
	cursor: pointer;
	background:#ff6000;
	float:right;
}
